:root{--p-color-brand: #008060;--premium-gradient: linear-gradient(135deg, #004b40 0%, #008060 100%);--vibrant-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--super-premium-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--premium-shadow: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glow-shadow: 0 0 20px rgba(0, 128, 96, .15)}body{background-color:#f1f2f4;color:#202223;-webkit-font-smoothing:antialiased}.premium-card{transition:transform .3s ease,box-shadow .3s ease;background:#fff;border:1px solid #e1e3e5;border-radius:12px;overflow:hidden;height:100%;box-shadow:0 2px 5px #0000000d;position:relative}.premium-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a,0 5px 10px -5px #0000000a}.current-plan-card{border:2px solid #008060!important;box-shadow:0 0 0 4px #0080600d,0 10px 15px -3px #0000001a!important}.pricing-title{font-size:20px;font-weight:600;color:#202223;margin:0}.pricing-amount{font-size:36px;font-weight:700;color:#1a1c1d;letter-spacing:-.5px;display:inline-block}.pricing-currency{font-size:14px;color:#6d7175;margin-left:2px;vertical-align:baseline;display:inline-block;transform:translateY(-4px)}.plan-feature-icon{width:20px;height:20px;border-radius:50%;background-color:#e3f1df;display:flex;align-items:center;justify-content:center;color:#007044;flex-shrink:0}.plan-feature-icon svg{width:12px;height:12px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px}.grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:8px 0}@media(max-width:768px){.grid-layout{grid-template-columns:1fr}}.animate-fade-in{animation:fadeIn .4s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vibrant-badge{background:var(--vibrant-gradient);color:#fff;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;box-shadow:0 2px 4px #6366f133}.rule-group-box{border-left:3px solid var(--p-color-brand);background:#fbfcfc;border-radius:0 4px 4px 0}.summary-code-box{background:#f6f6f7;padding:12px;border-radius:6px;border:1px solid #e1e3e5;font-family:SF Mono,Consolas,Menlo,monospace;font-size:.8125rem;color:#4a4a4a}.stats-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000a;border:1px solid #e1e3e5;transition:all .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.rule-item-container{background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;padding:12px;transition:box-shadow .2s,border-color .2s}.rule-item-container:hover{border-color:#bbb;box-shadow:0 2px 5px #0000000d}.blurred-feature{filter:blur(3px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-feature-overlay{position:relative}.premium-feature-overlay:after{content:"🔒 Premium Only";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--premium-gradient);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #00000026;z-index:5}