:root{--primary-color:#1a1a2e;--secondary-color:#16213e;--accent-color:#0f3460;--highlight-color:#e94560;--text-primary:#fff;--text-secondary:#b8b8b8;--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e;--border-color:#2a2a3e;--shadow:0 4px 6px #0000004d;--shadow-lg:0 10px 30px #00000080;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-dark:linear-gradient(135deg,#1a1a2e,#16213e);--glass-bg:#1a1a2eb3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #1f26875e;--transition-fast:0.15s;--transition-normal:0.3s;--transition-slow:0.5s}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1e;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}body:before{animation:backgroundShift 20s ease infinite;background:radial-gradient(circle at 20% 50%,#dc26261f 0,#0000 50%),radial-gradient(circle at 80% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 40% 20%,#0f34601a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation:float 15s ease-in-out infinite;background:#e94560;background:var(--highlight-color);border-radius:50%;opacity:.1;position:absolute}.particle:first-child{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.particle:nth-child(2){animation-delay:2s;height:120px;left:80%;top:60%;width:120px}.particle:nth-child(3){animation-delay:4s;height:60px;left:20%;top:80%;width:60px}.particle:nth-child(4){animation-delay:6s;height:100px;left:70%;top:40%;width:100px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo-container{height:200px;width:200px}.logo-container:before{animation:rotate 3.5s linear infinite;height:220px;width:220px}.logo-container:after{animation:rotate 4s linear infinite reverse;height:240px;width:240px}@media (max-width:768px){.logo-container{height:150px;width:150px}.logo-container:before{height:165px;width:165px}.logo-container:after{height:180px;width:180px}}.btn{border-radius:10px;display:inline-block;font-size:16px;overflow:hidden;padding:12px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}.btn-primary{background:#e94560}.btn-primary:hover{background:#d63a52;box-shadow:0 8px 20px #e9456066;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:#0f3460;background:var(--accent-color);box-shadow:0 4px 12px #0f34604d;color:var(--text-primary)}.btn-secondary:hover{background:#0d2a4f;box-shadow:0 8px 20px #0f346066;transform:translateY(-3px)}.btn-small{font-size:14px;padding:8px 16px}.btn-interactive{align-items:center;display:inline-flex;gap:8px}.btn-interactive:hover{gap:12px}.btn-interactive svg{transition:transform .3s ease;transition:transform var(--transition-normal) ease}.btn-interactive:hover svg{transform:scale(1.1) rotate(5deg)}.card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1a2eb3;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--glass-shadow);overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease;transition:transform var(--transition-normal) ease}.card:hover{border-color:#e945604d;box-shadow:0 20px 40px #e9456033;transform:translateY(-8px) scale(1.02)}.card:hover:before{transform:scaleX(1)}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.card-interactive:active{transform:translateY(-4px) scale(.98)}.card-glow{box-shadow:0 0 20px #e945604d,0 8px 32px 0 #1f26875e}.input{background:#0f0f1e;background:var(--bg-primary);border:1px solid #2a2a3e;border-radius:8px;color:#fff;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.input:focus{border-color:#e94560}.container{margin:0 auto;max-width:1200px;padding:0 20px}.spinner{border:3px solid #2a2a3e;border-top:3px solid #e94560;border:3px solid var(--border-color);height:40px;margin:20px auto;width:40px}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a2e,#2a2a3e 50%,#1a1a2e);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--border-color) 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{margin-bottom:20px}.skeleton-text{border-radius:4px;height:16px;margin-bottom:12px}.skeleton-text:last-child{width:60%}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity .5s ease,transform .5s ease;transition:opacity var(--transition-slow) ease,transform var(--transition-slow) ease}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;transition:opacity var(--transition-normal) ease,transform var(--transition-normal) ease}.logo-container{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative}.logo-large{height:200px;width:200px}.logo-medium{height:150px;width:150px}.logo-small{height:100px;width:100px}.logo-image{border-radius:50%;box-shadow:0 0 20px #e945604d;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.logo-container:before{animation:rotate-light 3.5s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#e945604d 90deg,#e9456099 180deg,#e945604d 270deg,#0000 1turn);filter:blur(8px);height:calc(100% + 20px);width:calc(100% + 20px);z-index:1}.logo-container:after,.logo-container:before{border-radius:50%;content:"";position:absolute}.logo-container:after{animation:rotate-light 4s linear infinite reverse;background:conic-gradient(from 180deg,#0000 0deg,#e9456033 90deg,#e9456066 180deg,#e9456033 270deg,#0000 1turn);filter:blur(12px);height:calc(100% + 40px);width:calc(100% + 40px);z-index:0}@keyframes rotate-light{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.campaign-page{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;position:relative}.benefits-container{max-width:1400px}.section-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:3rem;width:100%}.title-underline{background:linear-gradient(90deg,#4a90e2,#357abd);border-radius:2px;bottom:-10px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.benefit-card-interactive:hover{background:#1a1a2eb3;border-color:#4a90e24d;box-shadow:0 24px 48px #00000080,inset 0 0 0 1px #ffffff1a,0 0 60px #4a90e21f;transform:translateY(-12px)}.campaign-container{margin:0 auto;max-width:1400px}@media (max-width:768px){.benefits-grid-full{grid-template-columns:1fr}.hero-section{padding:4rem 1rem 3rem}.redemption-content{padding:2rem 1.5rem}.countdown-banner{flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.countdown-timer{flex-wrap:wrap;justify-content:center}.countdown-value{font-size:1.5rem}}.home{min-height:calc(100vh - 200px)}.hero-section{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);padding:80px 20px;text-align:center}.hero-title{background:linear-gradient(135deg,var(--text-primary) 0,var(--highlight-color) 100%);font-size:48px;margin:40px 0 16px}.hero-subtitle{font-size:24px;margin-bottom:24px}.hero-description{margin:0 auto 40px;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.features-section{background:var(--bg-primary);padding:80px 0}.section-title{font-size:36px;margin-bottom:48px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.feature-card h3{color:var(--highlight-color);font-size:20px;margin-bottom:12px}.feature-card p{color:var(--text-secondary);line-height:1.6}.explanation-section{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:80px 0}.explanation-card{margin:0 auto;max-width:900px;padding:40px}.explanation-title{color:var(--text-primary);font-size:32px;margin-bottom:24px;text-align:center}.explanation-content{color:var(--text-secondary);line-height:1.8}.explanation-content>p{font-size:16px;margin-bottom:24px}.explanation-steps{margin:32px 0;padding-left:24px}.explanation-steps li{font-size:15px;margin-bottom:20px;padding-left:8px}.explanation-steps li strong{color:var(--text-primary);display:block;font-size:16px;margin-bottom:8px}.explanation-note{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;font-size:15px;margin-top:32px;padding:16px 20px}.explanation-note strong{color:var(--text-primary)}@media (max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:20px}.features-grid{grid-template-columns:1fr}.explanation-card{padding:24px}.explanation-title{font-size:24px}.explanation-steps{padding-left:20px}.explanation-steps li{font-size:14px}}.animated-stat{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;opacity:0;overflow:hidden;padding:24px;position:relative;transform:translateY(20px) scale(.95);transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.animated-stat.visible{animation:statAppear .6s cubic-bezier(.4,0,.2,1) forwards;opacity:1;transform:translateY(0) scale(1)}@keyframes statAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}50%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.animated-stat:hover{border-color:var(--highlight-color);box-shadow:0 20px 40px #e945604d;transform:translateY(-8px) scale(1.05)}.animated-stat:active{transform:translateY(-4px) scale(1.02)}.stat-icon{align-items:center;background:var(--gradient-primary);border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;transition:all var(--transition-normal) ease;width:48px}.animated-stat:hover .stat-icon{box-shadow:0 6px 20px #667eea99;transform:rotate(5deg) scale(1.1)}.stat-content{position:relative;z-index:2}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--highlight-color),#ff6b8a);background:linear-gradient(135deg,var(--stat-color,var(--highlight-color)),#ff6b8a);-webkit-background-clip:text;background-clip:text;color:var(--highlight-color);color:var(--stat-color,var(--highlight-color));font-size:36px;margin-bottom:8px}.stat-label{font-size:14px}.stat-glow{background:radial-gradient(circle,var(--highlight-color) 0,#0000 70%);background:radial-gradient(circle,var(--stat-color,var(--highlight-color)) 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity var(--transition-normal) ease;width:200%}.animated-stat:hover .stat-glow{animation:pulseGlow 2s ease-in-out infinite;opacity:.1}.interactive-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.interactive-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-normal) ease}.interactive-card:hover{border-color:#e9456066;box-shadow:0 20px 40px #e9456040;transform:translateY(-8px)}.interactive-card:hover:before{transform:scaleX(1)}.interactive-card:active{transform:translateY(-4px)}.card-icon{align-items:center;background:none!important;border-radius:0;box-shadow:none;color:#fff;display:flex;font-size:28px;height:auto;justify-content:center;margin-bottom:16px;padding:0;transition:all var(--transition-normal) ease;width:auto}.card-icon.icon-hover{box-shadow:none;transform:rotate(5deg) scale(1.1)}.card-title{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.card-content,.card-title{position:relative;z-index:2}.card-content{color:var(--text-secondary)}.card-shine{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease;width:200%}.interactive-card:hover .card-shine{transform:translateX(100%) translateY(100%) rotate(45deg)}.card-gradient{background:var(--gradient-dark)}.card-glow{box-shadow:0 0 20px #e945604d,var(--glass-shadow)}.card-glow:hover{box-shadow:0 0 30px #e9456080,0 20px 40px #0000004d}.dashboard{background:var(--bg-primary);min-height:calc(100vh - 200px);padding:2rem 0}.dashboard .container{margin:0 auto;max-width:1400px;padding:0 2rem}.dashboard-welcome{align-items:flex-start;animation:fadeInDown .6s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.welcome-content{flex:1 1}.welcome-title{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:2.5rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.developer-badge-inline{background:none;border:none;border-radius:0;box-shadow:none;height:auto;min-height:auto;min-width:auto;padding:0;width:auto}.badge-icon-inline,.crown-icon-inline{color:#fbbf24;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(251,191,36,.6));height:1.2rem;position:relative;width:1.2rem;z-index:1}.developer-badge-inline:hover{box-shadow:none}.welcome-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0 0 1rem}.billing-info-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;margin-top:1.5rem;padding:1.25rem 1.5rem}.billing-info-content{align-items:center;display:flex;gap:1rem}.billing-icon{color:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.4));flex-shrink:0;height:1.75rem;width:1.75rem}.billing-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.billing-amount{align-items:baseline;display:flex;gap:.25rem}.currency-symbol{color:var(--text-primary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-weight:600;height:1.25rem;width:1.25rem}.amount-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.billing-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-left:.5rem}.billing-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.5rem}.date-icon{color:#667eea;filter:drop-shadow(0 1px 3px rgba(102,126,234,.4));height:1.1rem;width:1.1rem}.billing-overage{margin-top:.25rem}.overage-note{color:orange;font-size:.85rem;font-weight:500}.free-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-left:.75rem;padding:.25rem .75rem;text-transform:uppercase}@media (max-width:768px){.billing-info-content{align-items:flex-start;flex-direction:column}.billing-amount{flex-wrap:wrap}.amount-value{font-size:1.75rem}}.refresh-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:1.1rem;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.refresh-btn svg{height:1.1rem;width:1.1rem}.refresh-btn:hover{background:#e9456033;border-color:var(--highlight-color);transform:rotate(180deg)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn .spinner{animation:spin 1s linear infinite;height:1.1rem;width:1.1rem}.trial-banner{animation:slideInUp .6s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 24px #667eea66;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative}.dashboard svg{display:block;flex-shrink:0}.dashboard svg:not([class*=icon]):not([class*=stat]):not([class*=action]):not([class*=activity]):not([class*=detail]):not([class*=trial]):not([class*=billing]):not([class*=crown]):not([class*=inline]):not([class*=empty]):not([class*=date]):not([class*=currency]):not([class*=spinner]){height:1rem;width:1rem}.welcome-content .trial-banner{margin-bottom:0;margin-top:1.5rem;max-width:100%;width:100%}.enhanced-banner:before{animation:rotate 10s linear infinite;background:var(--bg-primary);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.trial-icon{animation:bounce 2s infinite;filter:drop-shadow(0 2px 6px rgba(255,215,0,.5));flex-shrink:0;height:28px;margin-right:12px;width:28px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.trial-content{align-items:center;display:flex;gap:1rem}.trial-content strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.trial-content span{font-size:.9rem;opacity:.9}.stats-grid-live{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card-live{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.stat-card-live:hover{box-shadow:0 12px 24px #e9456033;transform:translateY(-4px)}.stat-header{gap:.75rem;margin-bottom:1rem}.stat-icon{background:none!important;border-radius:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;height:2rem;padding:0;transition:all .3s ease;width:2rem}.stat-icon svg{background:none!important;display:block}.stat-icon:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.1)}.stat-icon.qr-stat{background:none!important;color:#667eea;filter:drop-shadow(0 2px 6px rgba(102,126,234,.5))}.stat-icon.token-stat{background:none!important;color:#f59e0b;filter:drop-shadow(0 2px 6px rgba(245,158,11,.5))}.stat-icon.verification-stat{background:none!important;color:#10b981;filter:drop-shadow(0 2px 6px rgba(16,185,129,.5))}.stat-icon.route-stat{background:none!important;color:#8b5cf6;filter:drop-shadow(0 2px 6px rgba(139,92,246,.5))}.stat-value-large{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.stat-details{gap:.5rem}.stat-detail-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.detail-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;height:1rem;width:1rem}.detail-icon.active{color:#10b981;filter:drop-shadow(0 1px 3px rgba(16,185,129,.4))}.detail-icon.expired{color:#ef4444;filter:drop-shadow(0 1px 3px rgba(239,68,68,.4))}.detail-icon.today{color:#f59e0b;filter:drop-shadow(0 1px 3px rgba(245,158,11,.4))}.dashboard-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}@media (max-width:1024px){.dashboard-content-grid{grid-template-columns:1fr}}.activity-feed-card{min-height:500px}.activity-feed{max-height:500px;overflow-y:auto;padding-right:.5rem}.activity-feed::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-track{background:#0000}.activity-feed::-webkit-scrollbar-thumb{background:var(--highlight-color);border-radius:3px}.activity-item{animation:slideInLeft .4s ease;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.activity-item:hover{background:#e945600d;border-color:var(--highlight-color);transform:translateX(4px)}.activity-icon-wrapper{align-items:center;background:none;display:flex;flex-shrink:0;height:auto;justify-content:center;padding:0;width:auto}.activity-icon{color:var(--highlight-color);filter:drop-shadow(0 2px 4px rgba(233,69,96,.4));height:1.5rem;transition:all .3s ease;width:1.5rem}.activity-icon:hover{transform:scale(1.15)}.activity-icon.qr-icon{color:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.4))}.activity-icon.token-icon{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.4))}.activity-icon.scan-icon{color:#10b981;filter:drop-shadow(0 2px 4px rgba(16,185,129,.4))}.activity-icon.verification-icon{color:#8b5cf6;filter:drop-shadow(0 2px 4px rgba(139,92,246,.4))}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.activity-action{color:var(--text-primary);font-size:.95rem;font-weight:600}.activity-time{color:var(--text-secondary);font-size:.8rem}.activity-description{color:var(--text-secondary);font-size:.85rem;margin:0 0 .5rem}.activity-metadata{display:flex;flex-wrap:wrap;gap:.5rem}.metadata-tag{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.metadata-tag.verdict-yes{background:#10b9811a;border-color:#10b981;color:#10b981}.metadata-tag.verdict-no{background:#ef44441a;border-color:#ef4444;color:#ef4444}.empty-activity{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.empty-icon{height:3rem;width:3rem}.empty-activity p{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.empty-activity span{font-size:.9rem}.activity-feed-link{align-items:center;background:#e945601a;border:1px solid var(--highlight-color);border-radius:8px;color:var(--highlight-color);display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem;text-decoration:none;transition:all .3s ease}.activity-feed-link svg{flex-shrink:0;height:1rem;width:1rem}.activity-feed-link:hover{background:var(--highlight-color);color:#fff;transform:translateX(4px)}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-card{align-items:center;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;text-decoration:none;transition:all .3s ease}.action-card:hover{background:#e945601a;border-color:var(--highlight-color);box-shadow:0 8px 16px #e9456033;transform:translateY(-4px)}.action-icon{color:var(--highlight-color);filter:drop-shadow(0 2px 4px rgba(233,69,96,.4));height:1.75rem;margin-bottom:.25rem;transition:all .3s ease;width:1.75rem}.action-card:hover .action-icon{filter:drop-shadow(0 4px 8px rgba(233,69,96,.6));transform:scale(1.1)}.action-label{font-size:.9rem;font-weight:600}.action-desc{color:var(--text-secondary);font-size:.75rem;text-align:center}.account-info{margin-bottom:1rem}.info-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-label{font-size:.9rem}.info-value{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.info-value.tier{color:var(--highlight-color)}.crown-icon{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.5));height:1.2rem;width:1.2rem}.inline-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:1rem;margin-right:.25rem;width:1rem}.trial-status{color:#10b981}.account-link{align-items:center;background:#e945601a;border:1px solid var(--highlight-color);border-radius:8px;color:var(--highlight-color);display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem;text-decoration:none;transition:all .3s ease}.account-link svg{flex-shrink:0;height:1rem;width:1rem}.account-link:hover{background:var(--highlight-color);color:#fff}.loading-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skeleton-card{animation:pulse 1.5s ease-in-out infinite;background:var(--card-bg);border-radius:16px;height:200px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dashboard-welcome{flex-direction:column;gap:1rem}.welcome-title{font-size:2rem}.quick-actions-grid,.stats-grid-live{grid-template-columns:1fr}}.subscription-gate-loading{align-items:center;background:var(--bg-primary);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.subscription-gate-loading .spinner{animation:spin 1s linear infinite;color:#667eea;font-size:3rem;margin-bottom:1.5rem}.subscription-gate-loading p{color:#b8b8b8;font-size:1rem}.notification-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.notification{animation:slideInRight .3s ease-out;background:#fff;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;cursor:pointer;padding:0;pointer-events:all;transition:transform .2s ease,box-shadow .2s ease}.notification:hover{box-shadow:0 6px 16px #0003,0 0 0 1px #0000000d;transform:translateX(-4px)}.notification-content{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.notification-message{word-wrap:break-word;color:#333;flex:1 1;font-size:.9rem;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.notification-close:hover{background:#0000000d;color:#333}.notification-success{border-left:4px solid #10b981}.notification-success .notification-message{color:#065f46}.notification-error{border-left:4px solid #ef4444}.notification-error .notification-message{color:#991b1b}.notification-warning{border-left:4px solid #f59e0b}.notification-warning .notification-message{color:#92400e}.notification-info{border-left:4px solid #3b82f6}.notification-info .notification-message{color:#1e40af}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.notification-container{left:10px;max-width:none;right:10px;top:10px}}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.confirm-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.confirm-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.confirm-modal-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.confirm-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.confirm-modal-close:hover{background:#f3f4f6;color:#111827}.confirm-modal-body{padding:24px}.confirm-modal-message{color:#374151;font-size:.95rem;line-height:1.6;margin:0}.confirm-modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-modal-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.confirm-modal-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.confirm-modal-btn-warning{background:#ef4444;color:#fff}.confirm-modal-btn-warning:hover{background:#dc2626}.confirm-modal-btn-danger{background:#dc2626;color:#fff}.confirm-modal-btn-danger:hover{background:#b91c1c}.confirm-modal-btn-success{background:#10b981;color:#fff}.confirm-modal-btn-success:hover{background:#059669}.confirm-modal-btn-info{background:#3b82f6;color:#fff}.confirm-modal-btn-info:hover{background:#2563eb}.input-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.input-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.input-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.input-modal-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.input-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.input-modal-close:hover{background:#f3f4f6;color:#111827}.input-modal-body{padding:24px}.input-modal-message{color:#374151;font-size:.95rem;line-height:1.6;margin:0 0 16px}.input-modal-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:.95rem;padding:12px;transition:all .2s ease;width:100%}.input-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-modal-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;min-height:120px;resize:vertical}.input-modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.input-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.input-modal-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.input-modal-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.input-modal-btn-confirm{background:#3b82f6;color:#fff}.input-modal-btn-confirm:hover:not(:disabled){background:#2563eb}.input-modal-btn-confirm:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.proxy-manager{padding:40px 0;position:relative}.proxy-header{align-items:flex-start;animation:fadeInDown .6s ease;display:flex;gap:24px;justify-content:space-between;margin-bottom:40px}.proxy-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--text-primary) 0,var(--highlight-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:flex;font-size:42px;font-weight:700;gap:16px;margin-bottom:8px}.title-icon{-webkit-text-fill-color:var(--highlight-color)}.proxy-subtitle{color:var(--text-secondary);font-size:18px;margin:0}.add-proxy-form{margin-bottom:40px}.form-info{align-items:flex-start;background:#e945601a;border:1px solid #e9456033;border-radius:8px;color:var(--text-secondary);display:flex;gap:12px;margin-bottom:24px;padding:16px}.form-info svg{color:var(--highlight-color);flex-shrink:0;margin-top:2px}.form-info p{line-height:1.6;margin:0}.form-group{margin-bottom:24px}.form-group label{font-size:14px;gap:8px}.label-icon{font-size:14px}.form-hint{font-size:12px;margin-top:6px;opacity:.7}.checkbox-label{align-items:flex-start;background:var(--input-bg);gap:12px;margin-bottom:0!important;padding:12px;transition:all .3s ease}.checkbox-label:hover{background:#e945600d;border-color:var(--highlight-color)}.checkbox-label input[type=checkbox]{flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-content{align-items:flex-start;display:flex;flex:1 1;gap:8px}.checkbox-icon{color:var(--highlight-color);flex-shrink:0;font-size:16px;margin-top:2px}.checkbox-content strong{color:var(--text-primary);display:block;font-size:14px;margin-bottom:4px}.checkbox-content small{color:var(--text-secondary);display:block;font-size:12px;line-height:1.4}.proxies-section{margin-top:40px}.section-header-with-info{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.section-info-badge{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.section-info-badge svg{color:#667eea;font-size:14px}.section-title{font-size:28px;margin:0}.proxies-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.proxy-card{position:relative}.proxy-header-card{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.proxy-status{align-items:center;display:flex;gap:8px}.status-dot{background:var(--text-secondary)}.status-dot.active{animation:pulse 2s infinite;background:#4caf50;box-shadow:0 0 8px #4caf5080}.status-dot.inactive{background:var(--text-secondary)}.status-text{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.token-optional-badge,.token-required-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;margin-left:8px;padding:4px 8px;text-transform:uppercase}.token-required-badge{background:#e9456026;border:1px solid #e945604d;color:var(--highlight-color)}.token-optional-badge{background:#43e97b26;border:1px solid #43e97b4d;color:#43e97b}.token-optional-badge svg,.token-required-badge svg{font-size:10px}.btn-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all var(--transition-normal) ease}.btn-delete:hover{background:#e945601a;color:var(--highlight-color)}.proxy-content,.proxy-field{margin-bottom:20px}.proxy-field label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.proxy-value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:Courier New,monospace;font-size:14px;padding:8px;word-break:break-all}.api-url-field{background:#e945600d;border:1px solid #e9456033;border-radius:8px;padding:16px}.api-url-container{align-items:center;display:flex;gap:8px;margin-bottom:6px}.api-url{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--highlight-color);flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:10px 12px;word-break:break-all}.btn-copy{align-items:center;background:var(--highlight-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px 12px;transition:all var(--transition-normal) ease}.btn-copy:hover{background:#d63a52;transform:scale(1.05)}.api-url-hint{color:var(--text-secondary);display:block;font-size:11px;margin-top:4px;opacity:.7}.proxy-stats{background:var(--bg-primary);border-radius:8px;display:flex;gap:16px;margin-top:16px;padding:16px}.stat-item{gap:4px}.stat-label{font-size:11px}.stat-value{color:var(--text-primary);font-size:20px}.stat-value.yes{color:#4caf50}.stat-value.no{color:var(--highlight-color)}.proxy-meta{color:var(--text-secondary);font-size:12px;margin-top:12px;opacity:.7;padding-top:12px}.proxy-actions,.proxy-meta{border-top:1px solid var(--border-color)}.proxy-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px}.empty-state{padding:60px 40px}.empty-content{gap:16px}.empty-icon{font-size:64px;opacity:.3}.empty-content p{margin:0}.loading-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:768px){.proxy-header{align-items:flex-start;flex-direction:column}.proxies-grid{grid-template-columns:1fr}.proxy-title{font-size:32px}}.token-generator{background:var(--bg-primary);min-height:100vh;padding:2rem 0}.token-generator .container{margin:0 auto;max-width:1400px;padding:0 2rem}.token-generator-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.token-generator-title{align-items:center;color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin-bottom:.5rem}.token-generator-subtitle{color:var(--text-secondary);font-size:1.1rem}.token-display-card{margin-bottom:2rem;padding:2rem}.token-display-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.token-display-header h3{color:var(--text-primary);margin:0}.icon-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .3s ease}.icon-btn:hover{color:var(--highlight-color)}.token-display-content{display:flex;flex-direction:column;gap:1.5rem}.token-field{display:flex;flex-direction:column;gap:.5rem}.token-field label{color:var(--text-primary);font-size:.95rem;font-weight:500}.token-field label,.token-value-container{align-items:center;display:flex;gap:.5rem}.token-value{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:.9rem;max-height:150px;overflow-y:auto;padding:.75rem;word-break:break-all}.token-warning{color:#ff9800;font-size:.85rem;font-style:italic}.hermes-routes-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.hermes-route-badge{align-items:center;background:#4facfe1a;border:1px solid #4facfe;border-radius:6px;color:#4facfe;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.qr-code{background:#fff;border:1px solid var(--border-color);max-width:250px;padding:1rem}.tokens-section{margin-top:2rem}.tokens-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.token-card{padding:1.5rem}.token-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.token-title-section h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .25rem}.token-description{color:var(--text-secondary);font-size:.85rem;margin:0}.token-status-badge{background:#0000001a;border-radius:12px;font-size:.9rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.token-card-content{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.token-info-item{align-items:center;display:flex;font-size:.9rem;gap:.75rem}.info-icon{font-size:.85rem;width:16px}.info-icon,.info-label{color:var(--text-secondary)}.info-label{font-weight:500;min-width:80px}.token-hash{color:var(--highlight-color);font-family:Courier New,monospace;font-size:.85rem}.hermes-routes-mini{display:flex;flex-wrap:wrap;gap:.5rem}.route-tag{background:#4facfe1a;color:#4facfe;font-size:.8rem;font-weight:500}.format-badge,.route-tag{border-radius:12px;padding:.25rem .75rem}.format-badge{align-items:center;background:var(--input-bg);display:inline-flex;font-size:.85rem;gap:.5rem;text-transform:capitalize}.token-card-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9}.modal-content.token-wizard{animation:slideUp .3s ease;background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 20px 60px #00000080;cursor:default!important;display:flex!important;flex-direction:column!important;height:85vh!important;max-height:85vh!important;max-width:800px;overflow:hidden!important;padding:0!important;position:relative;width:100%}.modal-content.token-wizard:hover{transform:none!important}.modal-content.token-wizard .card-content{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}.modal-content.token-wizard form{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;overflow:hidden}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#e945601a,#667eea1a);flex-shrink:0;padding:1.5rem 2rem 1rem}.wizard-header-content h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;gap:.75rem;margin:0 0 .25rem}.header-icon{color:var(--highlight-color);font-size:1.5rem}.wizard-subtitle{color:var(--text-secondary);font-size:.85rem;margin:0}.wizard-progress{background:#ffffff05;border-bottom:1px solid var(--border-color);flex-shrink:0;position:relative}.progress-step{z-index:1}.step-number{background:#ffffff1a;color:var(--text-secondary);margin-bottom:.5rem;transition:all .3s ease}.progress-step.active .step-number{background:var(--highlight-color);border-color:var(--highlight-color);box-shadow:0 0 20px #e9456066;color:#fff;transform:scale(1.1)}.progress-step.completed .step-number{background:#43e97b;border-color:#43e97b;color:#fff}.step-label{color:var(--text-secondary);transition:color .3s ease}.progress-step.active .step-label{color:var(--text-primary);font-weight:600}.step-connector{background:var(--border-color);height:2px;left:50%;position:absolute;top:20px;transform:translateX(50%);width:100%;z-index:0}.progress-step.completed+.progress-step .step-connector{background:#43e97b}.wizard-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem 2rem;scrollbar-color:var(--highlight-color) #0000;scrollbar-width:thin}.wizard-content::-webkit-scrollbar{width:6px}.wizard-content::-webkit-scrollbar-track{background:#0000}.wizard-content::-webkit-scrollbar-thumb{background:var(--highlight-color);border-radius:3px}.wizard-content::-webkit-scrollbar-thumb:hover{background:#d63447}.wizard-step{animation:slideIn .3s ease;display:none}.wizard-step.active{display:block}.step-header{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.75rem}.step-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;gap:.75rem;margin:0 0 .5rem}.step-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.step-icon{color:var(--highlight-color);font-size:1.1rem}.input-large{font-size:1.1rem;padding:1rem}.expiration-presets{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.preset-btn{background:#ffffff0d;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.875rem 1rem;text-align:center;transition:all .3s ease}.preset-btn:hover{background:#e945601a;border-color:var(--highlight-color);color:var(--text-primary);transform:translateY(-2px)}.preset-btn.active{background:var(--highlight-color);border-color:var(--highlight-color);box-shadow:0 4px 12px #e945604d}.custom-expiration{align-items:center;display:flex;gap:.5rem}.custom-expiration .input{flex:1 1}.input-suffix{color:var(--text-secondary);white-space:nowrap}.type-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.type-option{align-items:center;background:#ffffff0d;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.5rem;padding:1rem;transition:all .3s ease}.type-option:hover{background:#e945601a;border-color:var(--highlight-color);color:var(--text-primary);transform:translateY(-2px)}.type-option.active{background:var(--highlight-color);border-color:var(--highlight-color);box-shadow:0 4px 12px #e945604d;color:#fff}.type-option svg{font-size:1.5rem}.routes-search-container{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.search-box-inline{align-items:center;display:flex;flex:1 1;position:relative}.search-input-inline{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.search-input-inline:focus{border-color:var(--highlight-color);box-shadow:0 0 0 3px #e945601a;outline:none}.route-actions{display:flex;gap:.5rem}.hermes-routes-selector-enhanced{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1rem;max-height:250px;overflow-x:hidden;overflow-y:auto;padding:.5rem;scrollbar-color:var(--highlight-color) #0000;scrollbar-width:thin}.hermes-routes-selector-enhanced::-webkit-scrollbar{width:6px}.hermes-routes-selector-enhanced::-webkit-scrollbar-track{background:#0000}.hermes-routes-selector-enhanced::-webkit-scrollbar-thumb{background:var(--highlight-color);border-radius:3px}.route-card{background:#ffffff08;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.route-card:hover{background:#e945600d;border-color:var(--highlight-color);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.route-card.selected{background:#e9456026;border-color:var(--highlight-color);box-shadow:0 0 0 3px #e9456033}.route-card-checkbox{align-items:flex-start;display:flex;padding-top:.25rem}.custom-checkbox{align-items:center;background:#0000;border:2px solid var(--border-color);border-radius:6px;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.custom-checkbox.checked{background:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.route-card-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.route-card-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.route-card-header strong{color:var(--text-primary);font-size:1rem}.route-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.route-status.active{background:#43e97b33;color:#43e97b}.route-url{font-size:.85rem;word-break:break-all}.route-stats,.route-url{color:var(--text-secondary)}.route-stats{display:flex;font-size:.8rem;gap:1rem}.no-results{color:var(--text-secondary);grid-column:1/-1;padding:2rem;text-align:center}.json-editor-container{position:relative}.json-editor{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.json-editor.error{background:#e945600d;border-color:#e94560}.json-error-message{align-items:center;background:#e945601a;border:1px solid #e94560;border-radius:6px;color:#e94560;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.75rem}.review-summary{display:flex;flex-direction:column;gap:1rem;max-height:350px;overflow-y:auto;padding-right:.5rem;scrollbar-color:var(--highlight-color) #0000;scrollbar-width:thin}.review-summary::-webkit-scrollbar{width:6px}.review-summary::-webkit-scrollbar-track{background:#0000}.review-summary::-webkit-scrollbar-thumb{background:var(--highlight-color);border-radius:3px}.review-section{background:#ffffff08;border-radius:10px;padding:1.25rem}.review-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:.5rem;margin:0 0 .75rem}.review-item{border-bottom:1px solid #ffffff0d;padding:.5rem 0}.review-label{color:var(--text-secondary);font-weight:500}.review-value{color:var(--text-primary);font-weight:600;text-align:right}.review-routes{display:flex;flex-wrap:wrap;gap:.5rem}.review-route-tag{background:#e9456033;border:1px solid var(--highlight-color);color:var(--highlight-color);font-weight:500;padding:.5rem .75rem}.review-json,.review-route-tag{border-radius:6px;font-size:.85rem}.review-json{background:#0000004d;color:var(--text-primary);font-family:Courier New,monospace;margin:0;overflow-x:auto;padding:1rem}.wizard-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2efa;border-top:2px solid var(--border-color);box-shadow:0 -4px 20px #0000004d;display:flex;flex:0 0 auto;flex-shrink:0;gap:1rem;margin-top:auto;padding:1.25rem 2rem;position:relative;z-index:100}.actions-spacer{flex:1 1}.form-row{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:1fr}.form-group{margin-bottom:1.25rem}.input textarea{min-height:100px;resize:vertical}.form-error{align-items:center;color:#e94560;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:.5rem}.input-error{border-color:#e94560!important;box-shadow:0 0 0 2px #e9456033!important}.input-error:focus{border-color:#e94560!important;box-shadow:0 0 0 3px #e945604d!important}.hermes-routes-selector{background:var(--input-bg);flex-direction:column;max-height:300px;overflow-y:auto;padding:1rem}.hermes-routes-selector,.route-checkbox{border:1px solid var(--border-color);border-radius:6px;display:flex;gap:.75rem}.route-checkbox{align-items:center;background:var(--card-bg);cursor:pointer;padding:.75rem;transition:all .3s ease}.route-checkbox:hover{background:#e945600d;border-color:var(--highlight-color)}.route-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.route-checkbox-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.route-checkbox-content strong{color:var(--text-primary);font-size:.95rem}.route-checkbox-content small{color:var(--text-secondary);font-size:.85rem;word-break:break-all}.no-routes-message{align-items:center;background:#ff98001a;border:1px solid #ff9800;border-radius:6px;color:#ff9800;display:flex;font-size:.9rem;gap:.5rem;padding:1rem}.token-usage-examples{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-top:1rem;padding:1rem}.token-usage-examples p{color:var(--text-secondary);font-size:.875rem;margin:0 0 .75rem}.code-example{align-items:center;background:#0000004d;border-radius:6px;display:flex;font-family:Courier New,monospace;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.code-example code{color:#43e97b;flex:1 1;font-size:.8rem;overflow-x:auto;word-break:break-all}.code-example button{background:#e9456033;border:1px solid var(--highlight-color);border-radius:4px;color:var(--highlight-color);cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.code-example button:hover{background:#e945604d}.token-success-subtitle{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.test-result-card{border-left:4px solid;margin-bottom:2rem;padding:1.5rem}.test-result-card.success{background:#43e97b1a;border-left-color:#43e97b}.test-result-card.error{background:#e945601a;border-left-color:#e94560}.test-result-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.test-result-header h3{color:var(--text-primary);flex:1 1;margin:0}.test-icon{font-size:1.5rem}.test-icon.success{color:#43e97b}.test-icon.error{color:#e94560}.test-result-content{background:#0003;border-radius:6px;margin-top:1rem;padding:1rem}.test-result-content pre{color:var(--text-primary);font-size:.85rem;margin:0;overflow-x:auto}.test-result-content .error-message{color:#e94560;font-weight:500;margin:0}.tokens-filters{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-box,.tokens-filters{align-items:center;display:flex}.search-box{flex:1 1;min-width:250px;position:relative}.search-icon{font-size:1rem;left:1rem}.search-input{background:#ffffff0d;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem}.search-input:focus{background:#ffffff14;box-shadow:0 0 0 3px #e945601a;outline:none}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-btn:hover{background:#ffffff14;border-color:var(--highlight-color);color:var(--text-primary)}.filter-btn.active{background:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.icon-btn-small{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;padding:.25rem .5rem;transition:color .2s ease}.icon-btn-small:hover{color:var(--highlight-color)}.qr-code-container{align-items:flex-start;flex-direction:column;gap:1rem}.qr-code{border:2px solid var(--border-color);border-radius:8px;height:auto;max-width:200px}@media (max-width:768px){.token-generator-header{flex-direction:column}.tokens-grid{grid-template-columns:1fr}.modal-content.token-wizard{max-height:95vh;max-width:95vw}.modal-header{padding:1.5rem}.wizard-header-content h2{font-size:1.5rem}.wizard-progress{flex-wrap:wrap;padding:1rem}.step-label{font-size:.7rem}.step-number{font-size:.9rem;height:32px;width:32px}.wizard-content{padding:1.5rem}.expiration-presets{grid-template-columns:repeat(2,1fr)}.form-row,.format-selector,.hermes-routes-selector-enhanced,.type-selector{grid-template-columns:1fr}.wizard-actions{flex-direction:column;padding:1rem 1.5rem}.actions-spacer{display:none}.routes-search-container{flex-direction:column}.route-actions{justify-content:space-between;width:100%}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content.token-wizard{border-radius:12px}.wizard-progress{gap:.25rem}.step-connector{display:none}.expiration-presets{grid-template-columns:1fr}}.usage-guide-card{margin-bottom:2rem;padding:2rem}.guide-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.guide-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.guide-header .header-icon{color:var(--highlight-color);font-size:1.5rem}.guide-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.guide-content{margin-top:1.5rem}.guide-step{background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.guide-step.active{border-color:var(--highlight-color);box-shadow:0 0 20px #43e97b1a}.guide-step:not(.active){opacity:.6}.step-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.step-number{background:var(--highlight-color);font-size:1.25rem}.step-title-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.step-title-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.step-content{margin-left:3rem}.token-input-section,.token-selector-section{margin-bottom:1.5rem}.token-input-section label,.token-selector-section label{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.token-select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.token-select:focus{border-color:var(--highlight-color);box-shadow:0 0 0 3px #43e97b1a;outline:none}.token-input-container{display:flex;gap:.5rem}.token-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:.9rem;padding:.75rem;transition:all .3s ease}.token-input:focus{border-color:var(--highlight-color);box-shadow:0 0 0 3px #43e97b1a;outline:none}.token-info-box,.token-warning-box{align-items:flex-start;background:#43e97b1a;border-left:4px solid var(--highlight-color);border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.token-warning-box{background:#ff98001a;border-left-color:#ff9800}.token-info-box .info-icon,.token-warning-box .warning-icon{color:var(--highlight-color);flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.token-warning-box .warning-icon{color:#ff9800}.token-info-box p,.token-warning-box p{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0}.auth-methods-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.auth-method-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.auth-method-card:hover{border-color:var(--highlight-color);box-shadow:0 4px 12px #43e97b1a}.auth-method-card h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.auth-method-card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.code-block{background:#1e1e1e;margin-top:.5rem;padding:1rem;position:relative}.code-block code{color:#d4d4d4;display:block;font-family:Courier New,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-all}.copy-code-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#d4d4d4;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease}.copy-code-btn:hover{background:#fff3;color:#fff}.api-endpoint-info{margin-bottom:1.5rem}.api-endpoint-info h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.endpoint-url{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--highlight-color);display:block;font-family:Courier New,monospace;font-size:.9rem;padding:.75rem}.request-body-section,.response-example-section{margin-bottom:1.5rem}.request-body-section h4,.response-example-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.json-example{background:#1e1e1e;border-radius:8px;padding:1rem;position:relative}.json-example pre{color:#d4d4d4;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.curl-examples-section{margin-bottom:1.5rem}.curl-examples-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.curl-example-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.curl-example-card h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.code-tabs{display:flex;flex-direction:column;gap:1.5rem}.code-example-tab{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;padding:1rem}.code-example-tab h5{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.step-back-btn,.step-next-btn{align-items:center;display:inline-flex;gap:.5rem;margin-top:1.5rem}.guide-footer{align-items:center;border-top:2px solid var(--border-color);display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.guide-header{flex-direction:column}.step-content{margin-left:0}.step-header{flex-direction:column;gap:.75rem}.auth-methods-grid{grid-template-columns:1fr}.guide-footer,.token-input-container{flex-direction:column}.guide-footer{gap:1rem}.step-back-btn,.step-next-btn{justify-content:center;width:100%}}.analytics{background:var(--bg-primary);min-height:100vh;padding:2rem 0}.analytics .container{margin:0 auto;max-width:1400px;padding:0 2rem}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.analytics-title{align-items:center;color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin-bottom:.5rem}.analytics-subtitle{color:var(--text-secondary);font-size:1.1rem}.header-actions{flex-wrap:wrap}.date-range-selector{align-items:center;background:var(--card-bg);border-radius:8px;display:flex;gap:.75rem;padding:.5rem 1rem}.date-input,.date-range-selector{border:1px solid var(--border-color)}.date-input{background:var(--input-bg);border-radius:4px;color:var(--text-primary);font-size:.9rem;padding:.5rem}.date-input:focus{border-color:var(--highlight-color);outline:none}.analytics-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#e945601a;color:var(--text-primary)}.tab.active{border-bottom-color:var(--highlight-color);color:var(--highlight-color)}.analytics-content{animation:fadeIn .5s ease}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.chart-card{min-height:400px;padding:2rem}.chart-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1.5rem;margin-top:0}.no-data{color:var(--text-secondary);text-align:center}.no-data,.no-data-card{padding:3rem}.usage-stats{display:flex;flex-direction:column;gap:1rem}.usage-stats .stat-item{align-items:center;background:var(--input-bg);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.usage-stats .stat-label{color:var(--text-secondary)}.usage-stats .stat-value{color:var(--highlight-color);font-size:1.5rem;font-weight:700}.routes-table-card{margin-top:2rem;padding:2rem}.routes-table{overflow-x:auto}.routes-table table{border-collapse:collapse;width:100%}.routes-table th{background:var(--input-bg);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left}.routes-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:1rem}.routes-table td code{background:var(--input-bg);border-radius:4px;color:var(--highlight-color);font-size:.85rem;padding:.25rem .5rem}.routes-table tr:hover{background:#e945600d}.yes-value{color:#43e97b;font-weight:600}.no-value{color:#e94560;font-weight:600}.performance-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-card{padding:2rem}.metric-card h3{color:var(--text-primary);margin-bottom:1rem;margin-top:0}.metric-value{color:var(--highlight-color);font-size:3rem;font-weight:700;margin-bottom:1rem}.metric-details{color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between}.upgrade-prompt{margin-top:2rem;padding:3rem;text-align:center}.upgrade-prompt h3{color:var(--text-primary);font-size:1.5rem;margin-top:0}.upgrade-prompt p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}@media (max-width:768px){.analytics-header{flex-direction:column}.date-range-selector,.header-actions{flex-direction:column;width:100%}.charts-grid,.stats-grid{grid-template-columns:1fr}.analytics-tabs{-webkit-overflow-scrolling:touch;overflow-x:scroll}}.recharts-wrapper{font-family:inherit}.recharts-cartesian-axis-tick-value{fill:var(--text-secondary)}.recharts-legend-wrapper{color:var(--text-secondary)}.recharts-tooltip-wrapper{outline:none}.team-management{background:var(--bg-primary);min-height:100vh;padding:2rem 0}.team-management .container{margin:0 auto;max-width:1400px;padding:0 2rem}.team-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-actions{align-items:center;display:flex;gap:1rem}.team-limit-info{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem}.team-limit-info .info-icon{color:var(--highlight-color)}.team-limit-info .limit-reached{color:#e94560;font-weight:600;margin-left:.5rem}.header-content{flex:1 1}.team-title{align-items:center;color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin-bottom:.5rem}.title-icon{color:var(--highlight-color);font-size:2rem}.team-subtitle{color:var(--text-secondary);font-size:1.1rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{padding:1.5rem}.team-section{margin-top:2rem}.section-title{font-size:1.5rem;margin-bottom:1.5rem}.team-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.team-member-card{padding:1.5rem}.member-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.member-info{flex:1 1;gap:1rem}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg,var(--highlight-color) 0,#4facfe 100%);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.member-details{flex:1 1}.member-details h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.member-role{align-items:center;display:flex;gap:.5rem}.role-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.role-badge.admin{background:#e9456026;color:var(--highlight-color)}.role-badge.user{background:#4facfe26;color:#4facfe}.status-badge{background:#0000001a}.status-badge.active{background:#43e97b26}.status-badge.pending{background:#ff980026}.status-badge.inactive{background:#9e9e9e26}.member-content{margin:1rem 0}.member-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{align-items:center;display:flex;font-size:.9rem;gap:.75rem}.meta-icon{color:var(--text-secondary);font-size:.85rem;width:16px}.meta-item>div{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:var(--text-secondary);font-size:.85rem}.meta-value{color:var(--text-primary);font-weight:500}.member-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.role-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem}.role-select:focus{border-color:var(--highlight-color);outline:none}.modal-content{background:var(--card-bg);padding:2rem;position:relative}.modal-header{margin-bottom:1.5rem}.modal-header h2{color:var(--text-primary)}.modal-close{color:var(--text-secondary);font-size:1.5rem;transition:color .3s ease}.modal-close:hover{color:var(--highlight-color)}.form-group label{color:var(--text-primary)}.label-icon{color:var(--highlight-color)}.input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.input:focus{border-color:var(--highlight-color);outline:none}.form-hint{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:.5rem}.form-info-box{align-items:flex-start;background:#4facfe1a;border:1px solid #4facfe4d;border-radius:6px;color:#4facfe;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.form-info-box svg{flex-shrink:0;font-size:1.2rem;margin-top:2px}.form-info-box p{font-size:.9rem;line-height:1.5;margin:0}.form-error-box{align-items:flex-start;background:#e945601a;border:1px solid #e945604d;border-radius:6px;color:#e94560;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.form-error-box svg{flex-shrink:0;font-size:1.2rem;margin-top:2px}.form-error-box p{font-size:.9rem;line-height:1.5;margin:0}.limit-message{background:#e945601a;border:1px solid #e945604d;border-radius:8px;color:#e94560;font-size:.9rem;margin-top:1rem;padding:.75rem;text-align:center}.empty-state{padding:4rem 2rem}.empty-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.empty-icon{color:var(--text-secondary);opacity:.5}.empty-content h3{color:var(--text-primary);margin:0}.empty-content p{color:var(--text-secondary);max-width:500px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner{border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--highlight-color);height:50px;width:50px}.spinner.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.team-header{flex-direction:column}.team-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.team-accept-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.team-accept-card{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#fff;max-width:600px;padding:3rem;text-align:center;width:100%}.team-accept-card .icon{color:var(--primary-color);font-size:4rem;margin-bottom:1.5rem}.team-accept-card.error .error-icon{color:#e94560}.team-accept-card.success .success-icon{color:#4ade80}.team-accept-card h2{color:#fff;font-size:2rem;margin-bottom:1rem}.team-accept-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.invitation-details{margin-top:2rem;text-align:left}.invitation-text{color:#fff;font-size:1.1rem;margin-bottom:2rem;text-align:center}.invitation-info{background:#ffffff0d;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.info-item{align-items:center;color:#fff;display:flex;gap:.75rem;margin-bottom:1rem}.info-item:last-child{margin-bottom:0}.info-icon{color:var(--primary-color);font-size:1.2rem}.auth-required{background:#e945601a;border:1px solid #e945604d;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.auth-required p{color:#fff;margin-bottom:.5rem}.email-note{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem!important}.accept-section{margin-top:2rem;text-align:center}.accept-section p{color:#fff;margin-bottom:1.5rem}.email-mismatch{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.warning-icon{color:#ffc107;font-size:2rem;margin-bottom:1rem}.email-mismatch p{color:#fff;margin-bottom:.75rem}.error-message{justify-content:center;margin-top:1.5rem;padding:1rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 2rem;transition:all .3s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:#d63447;box-shadow:0 4px 12px #e9456066;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#0000;border:1px solid #ffffff4d}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width:768px){.team-accept-card{padding:2rem 1.5rem}.team-accept-card h2{font-size:1.5rem}.team-accept-card .icon{font-size:3rem}}.medusa-container{min-height:100vh;padding:40px 0}.medusa-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.medusa-header h1{color:#fff;font-size:2rem;gap:12px;margin:0}.medusa-header h1,.refresh-btn{align-items:center;display:flex}.refresh-btn{gap:8px}.refresh-btn .spinning{animation:spin 1s linear infinite}.medusa-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:12px;margin-bottom:32px}.medusa-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.medusa-tab.active,.medusa-tab:hover{background:var(--bg-secondary);color:#fff}.medusa-tab.active{border-bottom-color:var(--primary-color)}.medusa-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0003}.stat-header{align-items:center;color:#fff;display:flex;gap:12px;margin-bottom:16px}.stat-header h3{color:#fff;font-size:1.2rem;margin:0}.stat-body{color:#fff}.stat-value{font-size:2.5rem;margin-bottom:16px}.stat-details{color:#fff;display:flex;flex-direction:column;font-size:.95rem;gap:8px}.stat-details strong{color:#fff;font-weight:600}.stat-tiers{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tier-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:#fff;font-size:.85rem;padding:4px 12px}.system-card .stat-details{font-size:1rem}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;margin-left:8px;padding:4px 12px}.status-badge.online{background:#43e97b33;border:1px solid #43e97b;color:#fff}.status-badge.offline{background:#e9456033;border:1px solid #e94560;color:#fff}.users-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.users-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;gap:8px;padding:8px 12px}.filter-group svg{color:#fff}.filter-input{background:#0000;border:none;color:#fff;min-width:200px;outline:none}.filter-input::placeholder{color:#fff9}.filter-select{background:var(--bg-primary);outline:none;padding:8px 12px}.users-table-container{border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}.users-table{background:var(--bg-primary);border-collapse:collapse;width:100%}.users-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:#fff;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.users-table td{border-bottom:1px solid var(--border-color);color:#fff;padding:16px}.users-table tr:hover{background:var(--bg-secondary)}.tier-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:#fff;outline:none}.status-toggle,.tier-select{border-radius:6px;cursor:pointer;padding:6px 12px}.status-toggle{align-items:center;border:none;display:flex;font-size:.9rem;gap:6px;transition:all .2s}.status-toggle.active{background:#43e97b33;color:#fff}.master-badge,.status-toggle.inactive{background:#e9456033;color:#fff}.master-badge{border-radius:6px;font-size:.85rem;font-weight:600;padding:4px 8px}.action-buttons{gap:8px}.btn-icon{background:var(--bg-secondary)}.btn-icon.danger:hover{background:#e94560;border-color:#e94560}.pagination{align-items:center;color:#fff;display:flex;gap:16px;justify-content:center;margin-top:24px}.logs-container{overflow-x:auto}.logs-table{background:var(--bg-primary);border-collapse:collapse;width:100%}.logs-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:#fff;font-weight:600;padding:16px;text-align:left}.logs-table td{border-bottom:1px solid var(--border-color);color:#fff;padding:16px}.action-type,.logs-table tr:hover{background:var(--bg-secondary)}.action-type{border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 8px}.modal-content{max-width:500px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:#fff;outline:none;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color)}.form-group input[type=checkbox]{margin-right:8px;width:auto}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.user-details{color:#fff}.detail-row{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:16px}.detail-row strong{color:#fff;margin-right:8px}.user-stats{border-top:2px solid var(--border-color);margin-top:24px;padding-top:24px}.user-stats h3{color:#fff;margin-bottom:16px}.stats-grid-small{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stats-grid-small div{background:var(--bg-secondary);border-radius:6px;color:#fff;padding:12px}.stats-grid-small strong{color:#fff;margin-left:8px}.notification{align-items:center;animation:slideIn .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;gap:12px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:2000}.notification.success{background:#43e97b1a;border-color:#43e97b}.support-filters{display:flex;gap:12px}.ticket-meta{color:#fff9;flex-direction:column;gap:6px}.ticket-meta strong{color:#fff;margin-right:6px}.priority-badge{border-radius:6px;font-size:.8rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.priority-badge.low{background:#6495ed33;color:#fff}.priority-badge.normal{background:#43e97b33;color:#fff}.priority-badge.high{background:#ffc10733;color:#fff}.priority-badge.urgent{background:#e9456033;color:#fff}.ticket-info{color:#fffc;flex-direction:column;font-size:.9rem;gap:8px}.ticket-info strong{color:#fff;margin-right:6px}.ticket-actions{display:flex;gap:12px}.priority-select,.status-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:#fff;cursor:pointer;outline:none;padding:8px 12px}.priority-select:focus,.status-select:focus{border-color:var(--primary-color)}@media (max-width:768px){.medusa-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}.users-filters{width:100%}.filter-input{flex:1 1;min-width:150px}.users-table{font-size:.9rem}.users-table td,.users-table th{padding:12px 8px}.action-buttons{flex-direction:column}.support-layout{grid-template-columns:1fr}.tickets-list{max-height:300px}.ticket-detail-header{flex-direction:column}.ticket-actions{margin-top:12px;width:100%}}.members-container{min-height:100vh;padding:40px 0}.members-title{color:#fff;font-size:2rem;margin-bottom:32px}.members-tabs{border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.members-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.members-tab.active,.members-tab:hover{background:var(--bg-secondary);color:#fff}.members-tab.active{border-bottom-color:var(--primary-color)}.members-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px}.profile-section{color:#fff}.profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:24px;margin-bottom:32px;padding-bottom:24px}.profile-image-container{flex-shrink:0}.profile-image{border:3px solid var(--primary-color);border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-image-placeholder{align-items:center;background:var(--bg-primary);border:3px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:3rem;height:120px;justify-content:center;width:120px}.profile-info{flex:1 1}.profile-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.profile-info h2{align-items:center;color:#fff;display:inline-flex;gap:.5rem;margin:0 0 8px}.developer-badge-inline{align-items:center;background:#0000004d;border:2px solid #fbbf24;border-radius:50%;box-shadow:0 2px 8px #0000004d,0 0 0 2px #fbbf24,0 0 10px #fbbf244d;cursor:help;display:inline-flex;height:2.2rem;justify-content:center;margin-left:.5rem;min-height:2.2rem;min-width:2.2rem;padding:.4rem;position:relative;width:2.2rem}.crown-icon-inline{color:#fbbf24;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(251,191,36,.6));height:1.2rem;position:relative;width:1.2rem;z-index:1}.developer-badge-inline:hover{box-shadow:0 4px 12px #0006,0 0 0 2px #fbbf24,0 0 15px #fbbf2480;transform:scale(1.1);transition:all .3s ease}.developer-badge-display{align-items:center;animation:badgeGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#e94560,#667eea);border-radius:20px;box-shadow:0 4px 12px #e945604d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}@keyframes badgeGlow{0%,to{box-shadow:0 4px 12px #e945604d}50%{box-shadow:0 4px 20px #e9456080}}.badge-icon-small{font-size:1rem}.badge-text-small{letter-spacing:.05em}.profile-email{color:#ffffffb3;margin:0 0 8px}.profile-website{color:var(--primary-color);text-decoration:none}.profile-website:hover{text-decoration:underline}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group input,.form-group select,.form-group textarea{font-family:inherit;outline:none;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-actions{gap:12px;margin-top:8px}.profile-details{color:#fff}.profile-bio{font-size:1.1rem;line-height:1.6;margin-bottom:24px}.profile-meta{display:flex;flex-direction:column;gap:12px}.profile-meta div{color:#fffc}.profile-meta strong{color:#fff;margin-right:8px}.two-factor-section{color:#fff}.status-badge,.two-factor-section h2{margin-bottom:24px}.status-badge{display:inline-flex;gap:8px;padding:12px 20px}.status-badge.enabled{background:#43e97b33;border:1px solid #43e97b;color:#fff}.two-factor-setup p{color:#fffc;margin-bottom:24px}.two-factor-config{display:flex;flex-direction:column;gap:20px}.qr-code-container{background:#fff;border-radius:8px;display:flex;justify-content:center;max-width:300px;padding:20px}.qr-code-container img{height:auto;max-width:100%}.manual-key{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;padding:12px}.manual-key code{color:#fff;flex:1 1;font-family:monospace;font-size:1.1rem}.backup-codes{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;padding:20px}.backup-codes h4{color:#fff;margin-bottom:12px}.backup-codes p{color:#fffc;margin-bottom:16px}.backup-codes-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.backup-codes-list code{background:var(--bg-secondary);border-radius:6px;color:#fff;font-family:monospace;padding:8px 12px;text-align:center}.disable-2fa{border-top:1px solid var(--border-color);margin-top:32px;padding-top:32px}.disable-2fa h3{color:#fff;margin-bottom:12px}.btn-danger{background:#e94560;border:none}.btn-danger:hover{background:#d6344f}.milestones-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.milestones-header h2{color:#fff;margin:0}.milestones-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.milestone-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.milestone-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.milestone-image{height:200px;object-fit:cover;width:100%}.milestone-content{color:#fff;padding:20px}.milestone-content h3{color:#fff;margin:0 0 12px}.milestone-content p{color:#fffc;line-height:1.6;margin-bottom:12px}.milestone-date{color:#fff9;font-size:.9rem;margin-bottom:16px}.milestone-actions{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:16px}.like-btn,.milestone-actions{align-items:center;display:flex}.like-btn{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:#fff;cursor:pointer;gap:8px;padding:6px 12px;transition:all .2s}.like-btn:hover{background:var(--bg-secondary)}.like-btn.liked{border-color:#e94560;color:#e94560}.milestone-visibility{color:#fff9;font-size:.85rem}.support-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.support-header h2{color:#fff;margin:0}.support-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;min-height:500px}.tickets-list{gap:12px;max-height:600px}.ticket-status.open{color:#43e97b}.ticket-status.in_progress{color:#e94560}.ticket-status.resolved{color:#6495ed}.ticket-status.closed{color:grey}.ticket-preview{margin-bottom:8px}.ticket-meta{justify-content:space-between}.ticket-details{background:var(--bg-primary);border-radius:8px}.ticket-detail-header{align-items:center}.ticket-detail-header h3{margin:0}.message{background:var(--bg-secondary)}.admin-badge{background:var(--primary-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.ticket-reply textarea{background:var(--bg-secondary)}.subscription-header-members{margin-bottom:2rem}.subscription-header-members h2{color:#fff;margin-bottom:.5rem}.subscription-header-members p{color:#ffffffb3;font-size:.95rem}.subscription-cards-members{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.subscription-card-members{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.subscription-card-members:hover{border-color:#e9456066;box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.card-header-members{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.card-icon-members{color:var(--primary-color);flex-shrink:0;font-size:2rem;margin-top:.25rem}.card-header-members h3{color:#fff;font-size:1.1rem;margin:0 0 .25rem}.card-header-members p{color:#ffffffb3;font-size:.9rem;margin:0}.plan-name-members{color:var(--primary-color)!important;font-size:1.25rem!important;font-weight:700}.card-status-members{margin-bottom:1rem}.status-badge-members{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-badge-members.status-active{background:#43e97b33;border:1px solid #43e97b4d;color:#43e97b}.status-badge-members.status-trialing{background:#ffa50033;border:1px solid #ffa5004d;color:orange}.status-badge-members.status-inactive{background:#e9456033;border:1px solid #e945604d;color:#e94560}.usage-stats-members{color:#fff!important;font-size:1rem!important;font-weight:600}.usage-bar-members{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden;width:100%}.usage-fill-members{background:linear-gradient(90deg,#43e97b,#38f9d7);border-radius:4px;height:100%;transition:width .5s ease}.btn-link-members{align-items:center;color:var(--primary-color);display:inline-flex;font-weight:600;gap:.5rem;margin-top:.5rem;text-decoration:none;transition:all .3s ease}.btn-link-members:hover{color:#fff;gap:.75rem}.subscription-actions-members{margin-top:2rem;text-align:center}.btn-primary-members{align-items:center;background:linear-gradient(135deg,#e94560,#d63447);border:none;border-radius:12px;box-shadow:0 4px 12px #e9456066;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary-members:hover{box-shadow:0 8px 20px #e9456099;transform:translateY(-2px)}.modal-overlay{padding:20px}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:32px}.modal-content h2{color:#fff;margin-bottom:24px}@media (max-width:768px){.profile-header{flex-direction:column;text-align:center}.form-row,.support-layout{grid-template-columns:1fr}.tickets-list{max-height:300px}.milestones-grid{grid-template-columns:1fr}}.inbox-container{min-height:100vh;padding:40px 0}.inbox-header{justify-content:space-between;margin-bottom:32px}.inbox-header,.inbox-header h1{align-items:center;display:flex}.inbox-header h1{color:#fff;font-size:2rem;gap:12px;margin:0}.inbox-badge{animation:pulse-badge 2s infinite;background:#e94560;border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;margin-left:12px;padding:4px 12px}.inbox-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;min-height:500px}.tickets-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;max-height:700px;overflow-y:auto;padding:24px}.tickets-list h2{color:#fff;font-size:1.5rem;margin:0 0 20px}.empty-state{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state p{font-size:1.1rem;margin-bottom:24px}.ticket-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;position:relative;transition:all .2s}.ticket-item.active,.ticket-item:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.ticket-item.unread{background:#e945600d;border-left:4px solid var(--primary-color)}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-header h4{color:#fff;flex:1 1;font-size:1rem;margin:0}.unread-dot{animation:pulse-dot 2s infinite;background:var(--primary-color);border-radius:50%;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.ticket-preview{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin-bottom:12px}.ticket-meta{color:#ffffff80;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px}.ticket-status{border-radius:12px;font-size:.85rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.ticket-status.open{background:#43e97b33;border:1px solid #43e97b;color:#fff}.ticket-status.in_progress{background:#e9456033;border:1px solid #e94560;color:#fff}.ticket-status.resolved{background:#6495ed33;border:1px solid #6495ed;color:#fff}.ticket-status.closed{background:#80808033;border:1px solid grey;color:#fff}.ticket-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:24px}.ticket-detail-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.ticket-detail-header h3{color:#fff;margin:0 0 12px}.ticket-info{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.btn-icon{border:1px solid var(--border-color);color:#fff;padding:8px;transition:all .2s}.btn-icon:hover{background:var(--primary-color);border-color:var(--primary-color)}.ticket-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:24px;max-height:400px;overflow-y:auto}.message{background:var(--bg-primary);border-radius:8px;padding:16px}.message.admin{background:#e945601a;border-left:3px solid var(--primary-color)}.message-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.message-header strong{color:#fff}.admin-icon{color:var(--primary-color)}.message-time{color:#ffffff80;font-size:.85rem;margin-left:auto}.message-content{color:#fff;line-height:1.6}.ticket-reply{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding-top:16px}.ticket-reply textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:#fff;font-family:inherit;outline:none;padding:12px;resize:vertical}.ticket-reply textarea:focus{border-color:var(--primary-color)}.ticket-reply small{color:#ffffff80;font-size:.85rem}.no-ticket-selected{align-items:center;color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-ticket-selected svg{font-size:4rem;margin-bottom:20px;opacity:.3}@media (max-width:768px){.inbox-layout{grid-template-columns:1fr}.tickets-list{max-height:300px}.ticket-detail-header{flex-direction:column}}.qr-hub{margin:0 auto;max-width:1400px;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{align-items:center;display:flex;font-size:.95rem;gap:1rem;margin-bottom:.5rem}.header-icon{color:var(--primary-color)}.page-header p{color:#fff;font-size:.85rem}.hub-tabs{border-bottom:2px solid var(--border-color);margin-bottom:2rem}.hub-tab,.hub-tabs{display:flex;gap:.5rem}.hub-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.hub-tab.active,.hub-tab:hover{background:var(--bg-secondary);color:#fff}.hub-tab.active{border-bottom-color:var(--primary-color);font-weight:600}.hub-content{display:flex;flex-direction:column;gap:2rem}.generator-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;margin-bottom:1rem}.generator-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s}.generator-tabs .tab.active,.generator-tabs .tab:hover{background:var(--card-bg);color:#fff}.generator-tabs .tab.active{border-bottom-color:var(--primary-color);font-weight:600}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{gap:.5rem;margin-bottom:.5rem}.form-section .section-title,.section-title,.wizard-step-content .form-section h4.section-title,.wizard-step-content .section-title,.wizard-step-content h4.section-title,h3.section-title,h4.section-title{font-size:.7rem!important;font-weight:600;line-height:1.4}.qr-type-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.qr-type-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s}.qr-type-option:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.qr-type-option.selected{background:#e945601a;border-color:var(--primary-color)}.type-icon{font-size:.95rem}.type-info{display:flex;flex-direction:column}.type-info strong{color:#fff}.type-info small{color:#fff;font-size:.85rem;opacity:.9}.time-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.preset-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.preset-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.preset-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.time-limit-inputs{align-items:center;display:flex;gap:.5rem}.time-value-input{max-width:150px}.time-unit-select,.time-value-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:#fff;flex:1 1;padding:.75rem}.time-unit-select{max-width:200px}.expiration-mode-selector{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem}.mode-btn{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.mode-btn:hover{background:var(--bg-primary);color:#fff}.mode-btn.active{background:var(--primary-color);box-shadow:0 2px 8px #e945604d;color:#fff}.manual-expiration-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1.5fr;margin-top:1rem}.manual-expiration-inputs .form-group{margin-bottom:0}.manual-expiration-inputs .form-group label{font-size:.9rem;margin-bottom:.5rem}.manual-expiration-inputs .date-input,.manual-expiration-inputs .time-input{font-size:1rem}.manual-expiration-inputs .date-input,.manual-expiration-inputs .time-input,.manual-expiration-inputs .timezone-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:#fff;padding:.75rem;width:100%}.manual-expiration-inputs .timezone-select{font-size:.95rem}.expiration-preview{background:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:6px;grid-column:1/-1;margin-top:.5rem;padding:.75rem}.expiration-preview small{color:#fff;font-size:.9rem}.verdict-selector{display:flex;gap:1rem;margin-top:1rem}.verdict-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem 1.5rem;transition:all .3s}.verdict-btn:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.verdict-btn.active.yes{background:#43e97b;border-color:#43e97b;box-shadow:0 4px 16px #43e97b66;color:#fff}.verdict-btn.active.no{background:#e94560;border-color:#e94560;box-shadow:0 4px 16px #e9456066;color:#fff}.scan-limit-input{align-items:center;display:flex;gap:.5rem}.scan-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:#fff;flex:1 1;max-width:200px;padding:.75rem}.input-suffix{color:#fff;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:1rem;margin-top:2rem}.qr-result{max-width:1000px}.qr-code-display-enhanced{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.qr-code-preview-section{display:flex;flex-direction:column;gap:1.5rem}.qr-code-image-container-enhanced{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;justify-content:center;padding:2rem;position:relative}.qr-code-image-enhanced{display:block;height:auto;max-width:350px;width:100%}.qr-code-actions-enhanced{flex-direction:column}.qr-code-details-section{display:flex;flex-direction:column;gap:1.5rem}.verification-url-section{display:flex;flex-direction:column;gap:.5rem}.verification-url-section label{color:#fff;font-weight:600}.url-input-group{display:flex;gap:.5rem}.url-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:#fff;flex:1 1;font-family:monospace;font-size:.85rem;padding:.75rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #e9456033;transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;background:#e9456026;border-radius:12px;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.stat-icon-wrapper.active{background:#22c55e26}.stat-icon-wrapper.expired{background:#ef444426}.stat-icon-wrapper.scans{background:#6366f126}.stat-icon{color:var(--primary-color);font-size:1.5rem}.stat-icon-wrapper.active .stat-icon{color:#22c55e}.stat-icon-wrapper.expired .stat-icon{color:#ef4444}.stat-icon-wrapper.scans .stat-icon{color:#6366f1}.stat-content{text-align:left}.stat-value{font-size:1.75rem;line-height:1.2}.stat-label{color:#ffffffb3;font-size:.75rem;font-weight:500}.manage-controls{margin-bottom:1.5rem;padding:1.25rem}.controls-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.75rem}.controls-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.filter-group{flex:1 1;gap:.75rem;min-width:200px}.filter-group,.filter-label{align-items:center;display:flex}.filter-label{color:#fff;font-size:.8rem;font-weight:500;white-space:nowrap}.filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;min-width:150px;padding:.6rem 1rem;transition:all .2s ease}.filter-select:hover{background:var(--bg-primary);border-color:var(--primary-color)}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #e945601a;outline:none}.action-group{display:flex;flex-wrap:wrap;gap:.75rem}.quick-generate-btn{overflow:hidden;position:relative}.quick-generate-btn.cooldown{cursor:not-allowed;opacity:.7}.qr-codes-list{overflow:hidden;padding:0}.table-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.qr-codes-table-wrapper{max-height:600px;overflow-x:auto;overflow-y:auto}.qr-codes-table{border-collapse:collapse;font-size:.85rem;width:100%}.qr-codes-table thead{background:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.qr-codes-table th{border-bottom:2px solid var(--border-color);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.qr-codes-table td{border-bottom:1px solid var(--border-color);color:#ffffffe6;padding:1rem 1.5rem}.qr-codes-table tbody tr{transition:all .2s ease}.qr-codes-table tbody tr:hover{background:var(--bg-secondary)}.qr-codes-table tbody tr.active-row:hover{background:#22c55e0d}.qr-codes-table tbody tr.expired-row{opacity:.7}.qr-codes-table tbody tr.revoked-row{opacity:.5}.qr-type-cell{align-items:center;display:flex;gap:.5rem}.type-icon{color:var(--primary-color);font-size:.9rem}.qr-type{background:var(--bg-secondary);border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;padding:.35rem .75rem;text-transform:capitalize}.scans-cell{align-items:center;display:flex;gap:.5rem}.scans-icon{color:#6366f1;font-size:.85rem}.scans-count{color:#fff;font-weight:600}.scans-limit{color:#fff9;font-size:.8rem}.expires-cell{align-items:center;display:flex;gap:.5rem}.expires-icon{color:#fff9;font-size:.85rem}.expired-text{color:#ef4444;font-weight:500}.created-cell{color:#ffffffb3;font-size:.8rem}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.4rem .85rem;text-transform:uppercase}.badge-active{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.badge-expired{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.badge-revoked{background:#9ca3af33;border:1px solid #9ca3af4d;color:#9ca3af}.action-buttons{gap:.5rem}.action-buttons,.btn-icon{align-items:center;display:flex}.btn-icon{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;height:2.25rem;justify-content:center;padding:0;transition:all .2s ease;width:2.25rem}.btn-view{border:1px solid #6366f14d;color:#6366f1cc}.btn-view:hover{background:#6366f133;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.btn-copy{border:1px solid var(--border-color);color:#ffffffb3}.btn-copy:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.btn-delete{border:1px solid #ef44444d;color:#ef4444cc}.btn-delete:hover{background:#ef444433;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.loading-state{color:#ffffffb3;padding:3rem;text-align:center}.loading-state p{font-size:.85rem;margin:0}.empty-state{padding:3rem 2rem}.empty-state .empty-icon{color:#ffffff4d;font-size:4rem;margin-bottom:1rem}.empty-state h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#ffffffb3;font-size:.85rem;margin:0 0 1.5rem}.empty-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.connections-card{margin-bottom:2rem}.card-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.connections-list{display:flex;flex-direction:column;gap:1rem}.connection-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.connection-info h3{font-size:.7rem!important;font-weight:600;margin:0 0 .5rem}.connection-details{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.pos-type{background:var(--bg-secondary);border-radius:4px;font-size:.85rem;padding:.25rem .75rem;text-transform:capitalize}.status{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.status.connected{color:#22c55e}.status.disconnected,.status.error{color:#ef4444}.connection-actions{display:flex;gap:.5rem}.qr-code-display{display:flex;flex-wrap:wrap;gap:2rem}.qr-code-image-container{flex:0 0 auto;text-align:center}.qr-code-image{background:#fff;border:2px solid var(--border-color);border-radius:8px;height:auto;margin-bottom:1rem;max-width:300px;padding:1rem;width:100%}.qr-code-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.modal-overlay{background:#000000b3;z-index:1000}.modal-content{max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.alert{align-items:center;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.alert-success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.empty-state{padding:3rem;text-align:center}.empty-icon{color:#fff;font-size:3rem;margin-bottom:1rem}.loading{color:#fff;padding:2rem;text-align:center}.spinning{animation:spin 1s linear infinite}.btn-large{font-size:.95rem;padding:1rem 2rem}@media (max-width:768px){.qr-hub{padding:1rem}.hub-tabs{flex-direction:column}.hub-tab{border-bottom:none;border-left:3px solid #0000}.hub-tab.active{border-bottom-color:#0000;border-left-color:var(--primary-color);color:#fff;font-weight:600}.qr-code-display-enhanced{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.connection-item{align-items:flex-start;flex-direction:column}.manual-expiration-inputs{gap:1rem;grid-template-columns:1fr}.expiration-preview{grid-column:1}}.api-docs-content{max-width:100%}.docs-section{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem}.docs-section:last-child{border-bottom:none}.docs-section h2{align-items:center;color:#fff;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem}.docs-section h3{margin-bottom:.75rem;margin-top:1.5rem}.docs-section h3,.docs-section h4{color:#fff;font-size:.7rem!important}.docs-section h4{margin-bottom:.5rem;margin-top:1rem}.docs-section p{color:#fff;line-height:1.6;margin-bottom:1rem}.docs-section ol,.docs-section ul{color:#fff;line-height:1.8;margin-bottom:1rem;margin-left:1.5rem}.docs-section li{margin-bottom:.5rem}.docs-section code{background:var(--bg-secondary);border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1.5rem}.code-block code{background:#0000;color:#fff;font-size:.9rem;line-height:1.6;padding:0;white-space:pre}.code-block pre{margin:0;overflow-x:auto;padding:0}.code-examples{display:flex;flex-direction:column;gap:1.5rem;margin:1rem 0}.code-example{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.code-example h4{margin-bottom:.75rem}.code-example pre{margin:0;padding:0}.code-example code{background:#0000;color:#fff;line-height:1.6;padding:0;white-space:pre}.quick-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.quick-links .btn{align-items:center;display:inline-flex;gap:.5rem;text-decoration:none}@media (max-width:768px){.code-block,.code-example{padding:1rem}.code-block code,.code-example code{font-size:.75rem}.quick-links{flex-direction:column}.quick-links .btn{justify-content:center;width:100%}}.verification-mode-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.mode-option{align-items:flex-start;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.mode-option:before{background:var(--primary-color);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.mode-option:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.mode-option:hover:before{transform:scaleX(1)}.mode-option.active{background:#e9456026;border-color:var(--primary-color);box-shadow:0 4px 16px #e945604d}.mode-option.active:before{transform:scaleX(1)}.mode-icon{color:var(--primary-color);flex-shrink:0;font-size:2rem;transition:transform .3s ease}.mode-option:hover .mode-icon{transform:scale(1.1) rotate(5deg)}.mode-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.mode-info strong{color:#fff;font-size:.95rem;font-weight:600}.mode-info small{color:#fff;font-size:.85rem;line-height:1.4;opacity:.8}.verification-mode-badge{color:#fff;font-size:.95rem;text-align:center}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.guide-modal{animation:slideUp .3s ease;background:var(--card-bg);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#fff;font-size:.95rem;gap:.75rem;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.95rem;height:2.5rem;justify-content:center;padding:.5rem;transition:all .2s;width:2.5rem}.modal-close:hover{background:var(--bg-secondary);transform:rotate(90deg)}.modal-body{padding:2rem}.guide-content{display:flex;flex-direction:column;gap:2rem}.guide-section{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:12px;padding:1.5rem}.guide-section h3{align-items:center;color:#fff;display:flex;font-size:.7rem!important;font-weight:600;gap:.5rem;margin-bottom:1rem}.guide-section p{color:#fff;line-height:1.6;margin-bottom:1rem;opacity:.9}.code-example{margin:1rem 0}.code-example h4{color:#fff;font-size:.7rem!important;font-weight:600;margin-bottom:.5rem}.code-example pre{background:#1a1a1a;border:1px solid var(--border-color);border-radius:8px;overflow-x:auto;padding:1rem}.code-example code{color:#f8f8f2;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5}.guide-features{margin-top:1rem}.guide-features strong{color:#fff;display:block;margin-bottom:.5rem}.guide-features ul{list-style:none;margin:0;padding:0}.guide-features li{color:#fff;opacity:.9;padding:.25rem 0 .25rem 1.5rem;position:relative}.guide-features li:before{color:var(--primary-color);content:"→";left:0;position:absolute}.storage-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.storage-option{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.storage-option strong{color:#fff;display:block;margin-bottom:.5rem}.storage-option p{color:#fff;font-size:.9rem;margin:.5rem 0;opacity:.8}.storage-option .recommended{color:var(--primary-color);font-weight:600;margin-top:.5rem}.guide-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding-top:2rem}.guide-actions .btn{flex:1 1;min-width:150px}.checkbox-label{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.checkbox-label:hover{background:#e945601a;border-color:var(--primary-color)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:1.25rem;width:1.25rem}.checkbox-label span{flex:1 1;font-size:.95rem;line-height:1.5}.qr-code-actions-enhanced{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.qr-code-actions-enhanced .btn{flex:1 1;min-width:150px}@media (max-width:768px){.verification-mode-selector{grid-template-columns:1fr}.guide-modal{margin:1rem;max-width:100%}.modal-body,.modal-header{padding:1.5rem}.storage-options{grid-template-columns:1fr}.guide-actions{flex-direction:column}.guide-actions .btn{width:100%}}.wizard-form{position:relative}.wizard-progress{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem}.wizard-step-indicator{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;opacity:.5;position:relative;transition:all .3s}.wizard-step-indicator:after{background:var(--border-color);content:"";height:2px;left:50%;position:absolute;top:1rem;width:100%;z-index:-1}.wizard-step-indicator:last-child:after{display:none}.wizard-step-indicator.active{opacity:1}.wizard-step-indicator.active:after{background:var(--primary-color)}.wizard-step-indicator.current .step-indicator-number{box-shadow:0 0 15px #e94560b3;transform:scale(1.2)}.step-indicator-number{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:2.5rem;justify-content:center;transition:all .3s;width:2.5rem}.wizard-step-indicator.active .step-indicator-number{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px #e9456080}.step-indicator-label{color:#fff;font-size:.75rem;font-weight:500;text-align:center}.wizard-step-indicator.active .step-indicator-label{color:var(--primary-color)}.wizard-step-content{animation:fadeIn .3s ease;min-height:400px;padding:1.5rem 0}.wizard-step-title{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;line-height:1.4;margin-bottom:.5rem}.wizard-step-description{color:#fff;font-size:.85rem;margin-bottom:2rem;opacity:.8}.wizard-step-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem}.wizard-step-actions .btn{flex:1 1;min-width:120px}.review-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.review-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.review-item:last-child{border-bottom:none}.review-item strong{color:#fff;font-size:.9rem;opacity:.9}.review-item span{color:#fff;font-size:.9rem;font-weight:500}@media (max-width:768px){.wizard-progress{padding:1rem}.step-indicator-label{font-size:.65rem}.step-indicator-number{font-size:.8rem;height:2rem;width:2rem}.wizard-step-content{min-height:300px}}.step-guide{max-width:1000px}.guide-progress{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.guide-progress,.progress-step{align-items:center;display:flex}.progress-step{flex:1 1;flex-direction:column;gap:.5rem;position:relative}.progress-step:after{background:var(--border-color);content:"";height:2px;left:50%;position:absolute;top:1rem;width:100%;z-index:-1}.progress-step:last-child:after{display:none}.progress-step.active:after{background:var(--primary-color)}.step-number{background:var(--bg-primary);border:2px solid var(--border-color);font-size:.85rem;font-weight:600;height:2rem;transition:all .3s;width:2rem}.progress-step.active .step-number{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px #e9456080}.progress-step.current .step-number{box-shadow:0 0 15px #e94560b3;transform:scale(1.2)}.step-label{color:#fff;font-size:.75rem;font-weight:500;opacity:.7;text-align:center}.progress-step.active .step-label{color:var(--primary-color);opacity:1}.guide-step-content{padding:1rem 0}.guide-step-content h3{align-items:center;color:#fff;display:flex;font-size:.7rem!important;font-weight:600;gap:.5rem;margin-bottom:.5rem}.step-description{color:#fff;font-size:.85rem;margin-bottom:1.5rem;opacity:.8}.mode-selection-guide{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.mode-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s}.mode-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.mode-card.selected{background:#e9456026;border-color:var(--primary-color);box-shadow:0 4px 16px #e945604d}.mode-icon-large{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.mode-card h4{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.mode-card p{color:#fff;font-size:.85rem;margin-bottom:1rem;opacity:.8}.mode-card ul{list-style:none;padding:0;text-align:left}.mode-card li{color:#fff;font-size:.8rem;opacity:.9;padding:.25rem 0}.requirements-list{gap:1rem;margin:1.5rem 0}.requirement-item{align-items:flex-start;background:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:8px;display:flex;gap:1rem;padding:1rem}.req-icon{color:var(--primary-color);flex-shrink:0;font-size:1.5rem}.requirement-item strong{color:#fff;display:block;font-size:.9rem;margin-bottom:.25rem}.requirement-item p{color:#fff;font-size:.8rem;margin-bottom:.5rem;opacity:.8}.code-example-small{margin-top:.5rem}.code-example-small pre{background:#1a1a1a;border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;overflow-x:auto;padding:.75rem}.code-example-small code{font-size:.75rem}.usage-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.usage-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.usage-icon{color:var(--primary-color);font-size:2rem;margin-bottom:.5rem}.usage-card h4{font-size:.7rem!important}.usage-card h4,.usage-card p{color:#fff;margin-bottom:.5rem}.usage-card p{font-size:.8rem;opacity:.8}.verification-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.verification-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.verification-option h4{color:#fff;font-size:.7rem!important;margin-bottom:.5rem}.verification-option code{background:var(--bg-primary);border-radius:4px;color:var(--primary-color);display:block;font-size:.75rem;padding:.25rem .5rem;word-break:break-all}.guide-complete{background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:12px;margin:1.5rem 0;padding:2rem;text-align:center}.complete-icon{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.guide-complete h4{color:#fff;font-size:.7rem!important;font-weight:600;margin-bottom:.5rem}.guide-complete p{color:#fff;font-size:.85rem;opacity:.8}.step-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem}.step-actions .btn{flex:1 1;min-width:120px}@media (max-width:768px){.guide-progress{padding:1rem}.step-label{font-size:.65rem}.step-number{font-size:.75rem;height:1.5rem;width:1.5rem}.mode-selection-guide,.usage-options,.verification-info{grid-template-columns:1fr}}.qr-modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9}.qr-view-modal{animation:slideUpScale .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #e945604d;border-radius:24px;box-shadow:0 25px 80px #000000b3,0 0 0 1px #e9456033;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow-y:auto;overflow:hidden;position:relative;width:90%}.qr-view-modal:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#e94560,#667eea,#e94560);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes slideUpScale{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.qr-modal-header{align-items:flex-start;background:linear-gradient(180deg,#e945601a,#0000);border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.qr-modal-title-section{align-items:center;display:flex;gap:1rem}.qr-modal-icon-wrapper{align-items:center;background:linear-gradient(135deg,#e9456033,#667eea33);border:2px solid #e9456066;border-radius:12px;box-shadow:0 4px 20px #e945604d;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.qr-modal-icon{color:#fff;filter:drop-shadow(0 0 8px rgba(233,69,96,.6));font-size:1.5rem}.qr-modal-title{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.qr-modal-subtitle{color:#ffffffb3;font-size:.8rem;font-weight:400;margin:0}.qr-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.qr-modal-close:hover{background:#e9456033;border-color:#e9456080;box-shadow:0 4px 12px #e9456066;color:#fff;transform:rotate(90deg) scale(1.1)}.qr-modal-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.qr-loading-state{flex-direction:column;padding:4rem 2rem;text-align:center}.qr-loading-spinner,.qr-loading-state{align-items:center;display:flex;justify-content:center}.qr-loading-spinner{background:linear-gradient(135deg,#e9456033,#667eea33);border-radius:50%;box-shadow:0 0 30px #e9456066;height:4rem;margin-bottom:1.5rem;width:4rem}.qr-loading-spinner svg{color:#fff;font-size:2rem}.qr-loading-text{color:#fff;font-size:1rem;font-weight:500;margin:0}.qr-preview-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;position:relative}.qr-preview-glow{animation:pulseGlow 2s ease-in-out infinite;background:radial-gradient(circle,#e945604d 0,#0000 70%);border-radius:50%;filter:blur(40px);height:120%;position:absolute;width:120%;z-index:0}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.qr-preview-container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff1a;display:flex;justify-content:center;max-height:350px;min-height:280px;padding:2rem;position:relative;transition:transform .3s ease;z-index:1}.qr-preview-container:hover{transform:scale(1.02)}.qr-preview-image{border-radius:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));height:auto;max-height:300px;max-width:100%;width:auto}.qr-details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.qr-detail-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.qr-detail-card:hover{background:#ffffff14;border-color:#e9456066;box-shadow:0 8px 24px #e9456033;transform:translateY(-2px)}.qr-detail-icon{align-items:center;background:#e9456026;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:2.25rem;justify-content:center;width:2.25rem}.qr-detail-icon.status{background:#22c55e26}.qr-detail-icon.scans{background:#6366f126}.qr-detail-icon.expires{background:#ef444426}.qr-detail-content{flex:1 1}.qr-detail-label{color:#fff9;font-size:.7rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.qr-detail-value{color:#fff;font-size:.9rem;font-weight:600;line-height:1.3}.qr-detail-value.expired{color:#ef4444}.qr-detail-sublabel{color:#ffffff80;font-size:.85rem;font-weight:400}.qr-url-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.qr-url-label{align-items:center;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.qr-url-icon{color:#e94560cc;font-size:1rem}.qr-url-container{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem}.qr-url-code{background:#0000;color:#e94560e6;flex:1 1;font-family:Courier New,monospace;font-size:.8rem;margin:0;padding:0;word-break:break-all}.qr-url-copy-btn{align-items:center;background:#e9456033;border:1px solid #e9456066;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:2.25rem;justify-content:center;transition:all .3s ease;width:2.25rem}.qr-url-copy-btn:hover{background:#e945604d;border-color:#e9456099;box-shadow:0 4px 12px #e9456066;transform:scale(1.1)}.qr-modal-actions{border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;margin-top:auto;padding-top:1.25rem}.qr-action-btn{border-radius:10px;font-size:.9rem;font-weight:600;min-width:130px;padding:.75rem 1.5rem;transition:all .3s ease}.qr-action-btn:hover{box-shadow:0 8px 24px #e9456066;transform:translateY(-2px)}.qr-empty-state{flex-direction:column;padding:4rem 2rem;text-align:center}.qr-empty-icon-wrapper,.qr-empty-state{align-items:center;display:flex;justify-content:center}.qr-empty-icon-wrapper{background:#ef444426;border:2px solid #ef44444d;border-radius:50%;height:5rem;margin-bottom:1.5rem;width:5rem}.qr-empty-icon{color:#ef4444;font-size:2.5rem}.qr-empty-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.qr-empty-text{color:#ffffffb3;font-size:.9rem;margin:0 0 2rem}@media (max-width:768px){.qr-view-modal{border-radius:20px;max-height:95vh;width:95%}.qr-modal-header{padding:1.5rem}.qr-modal-title-section{gap:.75rem}.qr-modal-icon-wrapper{height:3rem;width:3rem}.qr-modal-icon{font-size:1.5rem}.qr-modal-title{font-size:1.1rem}.qr-modal-subtitle{font-size:.8rem}.qr-modal-body{padding:1.5rem}.qr-preview-container{min-height:280px;padding:2rem}.qr-details-grid{gap:.75rem;grid-template-columns:1fr}.qr-detail-card{padding:1rem}.qr-url-container{align-items:stretch;flex-direction:column}.qr-url-code{margin-bottom:.5rem;max-width:100%}.qr-url-copy-btn{height:2.5rem;width:100%}.qr-modal-actions{flex-direction:column}.qr-action-btn{width:100%}}.auth-page-split{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.auth-page-split:before{background:radial-gradient(circle at 20% 30%,#e945600f 0,#0000 50%),radial-gradient(circle at 80% 70%,#667eea0f 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.auth-form-side-full{align-items:center;display:flex;justify-content:center;margin-top:-3rem;max-width:440px;position:relative;width:100%;z-index:10}.auth-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e66;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff0d;overflow:hidden;position:relative;width:100%}.auth-form-container:before{background:linear-gradient(90deg,#0000,#e945604d,#667eea4d,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.auth-form-header{margin-bottom:1rem;padding-bottom:0;padding-top:1.75rem;text-align:center}.auth-logo-mini{align-items:center;display:inline-flex;justify-content:center;margin-bottom:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-logo-mini:before{border:1px solid #ffffff26;border-radius:50%;content:"";height:160px;position:absolute;transition:all .3s ease;width:160px}.auth-logo-mini:hover{transform:translateY(-2px)}.auth-logo-mini:hover:before{border-color:#e9456066;box-shadow:0 0 20px #e9456033}.auth-logo-mini img{height:128px;object-fit:contain;position:relative;width:auto;z-index:1}.auth-form-header h1{color:var(--text-primary);font-size:1.875rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem}.auth-subtitle-mini{color:var(--text-secondary);font-size:.9375rem;font-weight:400}.auth-error-mini{align-items:center;animation:fadeIn .3s ease-out;background:#e945601a;border:1px solid #e9456033;border-radius:12px;color:#e94560;display:flex;font-size:.875rem;gap:.75rem;margin:0 2rem 1.5rem;padding:.875rem 1rem}.auth-form-compact{display:flex;flex-direction:column;gap:1.25rem;padding:0 2rem 2rem}.form-field-compact{position:relative}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);font-size:1rem;left:1rem;position:absolute;transition:all .2s ease;z-index:2}.form-field-compact.focused .input-icon{color:var(--highlight-color)}.form-field-compact input{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;color:var(--text-primary);font-size:.9375rem;font-weight:400;outline:none;padding:.875rem 1rem .875rem 2.75rem;transition:all .2s ease;width:100%}.form-field-compact input::placeholder{color:var(--text-secondary);opacity:.6}.form-field-compact input:hover{background:#ffffff0f;border-color:#ffffff26}.form-field-compact input:focus{background:#ffffff0f;border-color:var(--highlight-color);box-shadow:0 0 0 3px #e945601a,0 2px 8px #e9456026}.password-toggle-mini{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;padding:.5rem;position:absolute;right:1rem;transition:all .2s ease}.password-toggle-mini:hover{background:#ffffff0d;color:var(--text-primary)}.password-strength-mini{align-items:center;display:flex;gap:.75rem;margin-top:.625rem}.strength-bar-mini{background:#ffffff1a;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.strength-fill-mini{border-radius:2px;height:100%;transition:all .3s ease}.strength-label-mini{font-size:.75rem;font-weight:500;min-width:40px;text-align:right;text-transform:capitalize}.field-error-mini{color:#e94560;display:block;font-size:.8125rem;margin-top:.5rem;padding-left:.5rem}.auth-options-compact{align-items:center;display:flex;justify-content:space-between;margin-top:-.25rem;padding:0 .25rem}.remember-me-compact{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.remember-me-compact:hover{color:var(--text-primary)}.remember-me-compact input[type=checkbox]{accent-color:var(--highlight-color);cursor:pointer;height:16px;width:16px}.forgot-password-compact{color:var(--highlight-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.forgot-password-compact:hover{color:#d63447}.auth-submit-btn-compact{align-items:center;background:#e94560;border:none;border-radius:12px;box-shadow:0 4px 12px #e9456040;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .2s ease;width:100%}.auth-submit-btn-compact:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-submit-btn-compact:hover:not(:disabled):before{left:100%}.auth-submit-btn-compact:hover:not(:disabled){background:#d63447;box-shadow:0 6px 20px #e9456059;transform:translateY(-1px)}.auth-submit-btn-compact:active:not(:disabled){transform:translateY(0)}.auth-submit-btn-compact:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-footer-compact{border-top:1px solid #ffffff14;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;margin-top:1.5rem;padding-bottom:.5rem;padding-top:1.5rem;text-align:center}.auth-toggle-link-compact{background:none;border:none;color:var(--highlight-color);cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s ease}.auth-toggle-link-compact:hover{color:#d63447;text-decoration:underline}.password-requirements{padding:.875rem}.requirements-title{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.requirements-list{display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:0}.requirements-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.5rem;transition:color .2s ease}.requirements-list li.valid,.requirements-list li.valid svg{color:#22c55e}.requirements-list li.invalid{color:#fff6}.requirements-list li.invalid svg{color:#e94560}.requirements-list li svg{flex-shrink:0;font-size:.75rem}.lockout-info{align-items:center;background:#e945601a;border:1px solid #e945604d;border-radius:8px;color:#e94560;display:flex;gap:.75rem;margin-top:1rem;padding:.875rem}.lockout-info svg{flex-shrink:0;font-size:1.125rem}.lockout-info p{font-size:.875rem;font-weight:500;margin:0}.auth-divider{align-items:center;display:flex;gap:1rem;margin:.75rem 2rem;padding-top:.5rem}.divider-line{background:#ffffff1a;flex:1 1;height:1px}.divider-text{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.google-auth-section{margin-top:-.25rem;padding:0 2rem 1.5rem}.google-auth-button{box-shadow:0 2px 8px #0000001a}.google-auth-button:hover:not(:disabled){background:#f5f5f5;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.google-auth-button:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.auth-page-split{padding:1rem}.auth-form-container{border-radius:20px}.auth-form-compact{padding:0 1.5rem 1.5rem}.auth-form-header{padding-top:1.75rem}.auth-form-header h1{font-size:1.625rem}.auth-error-mini{margin:0 1.5rem 1.5rem}.auth-divider{margin:.75rem 1.5rem}.google-auth-section{margin-top:-.25rem;padding:0 1.5rem 1.5rem}}@media (max-width:480px){.auth-form-compact{padding:0 1.25rem 1.25rem}.auth-form-header{padding-top:1.75rem}.auth-form-header h1{font-size:1.5rem}.auth-logo-mini:before{height:140px;width:140px}.auth-logo-mini img{height:112px}.auth-divider{margin:.75rem 1.25rem}.google-auth-section{margin-top:-.25rem;padding:0 1.25rem 1.25rem}}.register-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.register-page:before{background:radial-gradient(circle at 20% 30%,#e945600f 0,#0000 50%),radial-gradient(circle at 80% 70%,#667eea0f 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.register-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e66;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff0d;max-width:440px;overflow:hidden;padding:2.5rem;position:relative;width:100%;z-index:10}.register-container:before{background:linear-gradient(90deg,#0000,#e945604d,#667eea4d,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.register-header{margin-bottom:2rem;text-align:center}.logo-link{align-items:center;display:inline-flex;justify-content:center;margin-bottom:1.5rem;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:translateY(-2px)}.register-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.register-header p{color:#b8b8b8;font-size:.95rem}.dev-access-banner{align-items:center;background:linear-gradient(135deg,#e945601a,#667eea1a);border:1px solid #e945604d;border-radius:12px;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;margin-bottom:2.5rem;margin-top:1.5rem;padding:1rem 1.5rem}.dev-access-banner svg{color:#e94560;font-size:1.25rem}.register-form{display:flex;flex-direction:column;gap:1.25rem}.google-auth-button{align-items:center;background:#fff;border:none;border-radius:12px;color:#1a1a1a;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:.5rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.google-auth-button:hover{background:#f5f5f5;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.google-auth-button:active{transform:translateY(0)}.google-auth-button:disabled{cursor:not-allowed;opacity:.6}.google-icon{font-size:1.25rem}.divider{align-items:center;color:#b8b8b8;display:flex;font-size:.875rem;margin:1rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.divider span{padding:0 1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.input-icon{color:#b8b8b8;font-size:.875rem}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#6b6b6b}.form-group input:focus{background:#ffffff14;border-color:#e9456080;box-shadow:0 0 0 3px #e945601a;outline:none}.form-group input.focused{border-color:#e9456080}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem}.password-toggle{align-items:center;background:none;border:none;color:#b8b8b8;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:color .3s ease}.password-toggle:hover{color:#fff}.password-strength{margin-top:.5rem}.strength-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.strength-fill{border-radius:2px;height:100%;transition:width .3s ease}.strength-fill.weak{background:#e94560}.strength-fill.medium{background:orange}.strength-fill.strong{background:#43e97b}.strength-text{color:#b8b8b8;font-size:.75rem;margin-bottom:.5rem}.strength-text span{font-weight:600;text-transform:capitalize}.strength-text span.weak{color:#e94560}.strength-text span.medium{color:orange}.strength-text span.strong{color:#43e97b}.password-requirements{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin-top:.75rem;padding:.75rem}.password-requirements p{color:#b8b8b8;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.password-requirements ul{display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;color:#b8b8b8;display:flex;font-size:.75rem;gap:.5rem}.password-requirements li.met{color:#43e97b}.password-requirements li.unmet{color:#b8b8b8}.password-requirements li svg{font-size:.75rem}.error-message{background:#e945601a;border:1px solid #e945604d;border-radius:8px;color:#e94560;font-size:.875rem;padding:.75rem}.error-message,.submit-button{align-items:center;display:flex;gap:.5rem}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;justify-content:center;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.register-footer{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.register-footer p{color:#b8b8b8;font-size:.875rem;margin-bottom:.5rem}.register-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.register-footer a:hover{color:#764ba2;text-decoration:underline}.login-link{margin-top:1rem}.login-link a{color:#fff;font-weight:600}.login-link a:hover{color:#667eea}@media (max-width:768px){.register-container{padding:2rem 1.5rem}.register-header h1{font-size:1.75rem}}.auth-callback-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-callback-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e66;border:1px solid #ffffff14;border-radius:24px;max-width:400px;padding:3rem 2rem;text-align:center;width:100%}.spinner{color:#667eea}.error-icon,.spinner{font-size:3rem;margin-bottom:1.5rem}.auth-callback-container h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.auth-callback-container p{color:#b8b8b8;font-size:.95rem}.pods-page{background:var(--bg-primary);min-height:100vh}.pods-hero{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);overflow:hidden;padding:100px 20px 80px;position:relative;text-align:center}.pods-hero:before{background:radial-gradient(circle at 30% 50%,#667eea1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-badge{align-items:center;background:#667eea26;border:1px solid #667eea4d;border-radius:24px;color:#667eea;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.badge-icon{font-size:16px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,#667eea 100%);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:700;margin:0 0 16px}.hero-subtitle{font-size:28px;font-weight:500;margin:0 0 24px}.hero-description{color:var(--text-secondary);font-size:18px;line-height:1.8;margin:0 auto;max-width:800px}.pods-content{padding:80px 0}.pods-section{margin-bottom:100px}.section-header{margin-bottom:48px;text-align:center}.section-header h2{color:var(--text-primary);font-size:42px;font-weight:700;margin:0 0 12px}.section-subtitle{color:var(--text-secondary);font-size:20px;margin:0}.pods-explanation{margin:0 auto;max-width:1000px}.explanation-content{padding:40px}.explanation-content>p{color:var(--text-secondary);font-size:18px;line-height:1.8;margin-bottom:40px}.pod-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:32px}.pod-feature{padding:24px;text-align:center}.feature-icon{font-size:48px;margin-bottom:16px}.pod-feature h3{color:var(--text-primary);font-size:20px;margin:0 0 12px}.pod-feature p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}.benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.benefit-card{padding:32px;text-align:center}.benefit-icon{color:#667eea;font-size:48px;margin-bottom:20px}.benefit-card h3{color:var(--text-primary);font-size:22px;margin:0 0 16px}.benefit-card p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.architecture-card{margin:0 auto;max-width:1100px}.architecture-content{padding:40px}.architecture-diagram{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:40px}.pod-box{background:linear-gradient(135deg,#667eea1a,#e945601a);border:2px solid #667eea4d;border-radius:16px;min-width:280px;padding:32px;text-align:center}.pod-box-icon{color:#667eea;font-size:48px;margin-bottom:16px}.pod-box h3{color:var(--text-primary);font-size:24px;margin:0 0 24px}.pod-components{display:flex;flex-direction:column;gap:12px}.component{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);font-size:14px;padding:12px}.connection-arrow{color:#667eea;font-size:32px}.affixio-box{background:#e945601a;border:2px solid #e945604d;border-radius:16px;min-width:280px;padding:32px;text-align:center}.affixio-box h3{color:var(--text-primary);font-size:24px;margin:0 0 24px}.platform-features{display:flex;flex-direction:column;gap:12px}.feature{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);font-size:14px;padding:12px}.architecture-explanation{margin-top:32px}.architecture-explanation>p{color:var(--text-secondary);font-size:17px;line-height:1.8;margin-bottom:24px}.architecture-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;margin:0;padding:0}.architecture-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;gap:12px}.check-icon{font-size:18px}.use-cases-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.use-case-card{padding:32px}.use-case-card h3{color:var(--text-primary);font-size:22px;margin:0 0 16px}.use-case-card p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.technology-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.tech-item{padding:32px 24px;text-align:center}.tech-icon{color:#667eea;font-size:48px;margin-bottom:20px}.tech-item h3{color:var(--text-primary);font-size:20px;margin:0 0 12px}.tech-item p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.pods-cta-section{margin-left:auto;margin-right:auto;margin-top:80px;max-width:800px}.cta-card{padding:60px 40px;text-align:center}.cta-content h2{color:var(--text-primary);font-size:36px;margin:0 0 16px}.cta-content>p{color:var(--text-secondary);font-size:18px;line-height:1.8;margin:0 0 32px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:768px){.hero-title{font-size:42px}.hero-subtitle{font-size:22px}.hero-description{font-size:16px}.section-header h2{font-size:32px}.section-subtitle{font-size:18px}.explanation-content{padding:24px}.architecture-diagram{flex-direction:column}.connection-arrow{transform:rotate(90deg)}.benefits-grid,.pod-features-grid,.technology-grid,.use-cases-grid{grid-template-columns:1fr}.cta-content h2{font-size:28px}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}.subscription-modern{background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;padding:3rem 0;position:relative}.subscription-modern:before{background:linear-gradient(90deg,#0000,#e9456080,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.subscription-container{margin:0 auto;max-width:1400px;padding:0 2rem}.subscription-header-modern{margin-bottom:4rem;text-align:center}.subscription-header-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.subscription-header-modern p{color:#b8b8b8;font-size:1.25rem;margin-bottom:1rem}.header-description,.subscription-header-modern .overage-billing-notice{align-items:center;display:flex;gap:.75rem;justify-content:center}.subscription-header-modern .overage-billing-notice{background:#ffa5001a;border:1px solid #ffa5004d;border-radius:8px;color:orange;flex-wrap:wrap;font-size:.95rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:800px;padding:.75rem 1rem}.subscription-header-modern .overage-billing-notice svg{color:orange;flex-shrink:0}.subscription-header-modern .overage-billing-notice strong{color:#fff;font-weight:700}.billing-toggle{gap:4px;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#b8b8b8;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.toggle-btn.active{background:#e9456033;box-shadow:0 2px 8px #e945604d;color:#fff}.save-badge{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#000}.current-plan-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e945601a,#43e97b1a);border:1px solid #e945604d;border-radius:20px;margin-bottom:3rem;padding:2rem}.current-plan-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}.current-plan-info h2{color:#fff;font-size:2rem;margin:.5rem 0}.current-plan-badge{align-items:center;background:#e9456033;border-radius:8px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.current-plan-status{align-items:center;color:#b8b8b8;display:flex;font-size:.9rem;gap:.75rem}.status-dot{background:#43e97b;border-radius:50%;height:8px;width:8px}.status-dot.status-active{background:#43e97b;box-shadow:0 0 8px #43e97b80}.status-dot.status-trialing{background:orange;box-shadow:0 0 8px #ffa50080}.status-dot.status-inactive{background:#e94560}.trial-indicator{background:#ffa50033;border:1px solid #ffa5004d;border-radius:6px;color:orange;font-size:.75rem;padding:.25rem .75rem}.current-plan-usage{display:flex;flex-direction:column;gap:1rem}.usage-item-modern{display:flex;flex-direction:column;gap:.5rem}.usage-label{color:#b8b8b8;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.usage-bar-container{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.usage-bar{background:linear-gradient(90deg,#43e97b,#38f9d7);border-radius:4px;height:100%;transition:width .5s ease}.usage-bar.near-limit{background:linear-gradient(90deg,orange,#ff8c00)}.usage-bar.over-limit{background:linear-gradient(90deg,#e94560,#d63447)}.usage-text{color:#fff;font-size:.9rem;font-weight:600}.overage-text{color:#e94560;font-weight:700}.current-plan-actions{display:flex;gap:1rem;justify-content:flex-end}.action-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.action-link:hover{background:#ffffff1a;border-color:#e9456080;transform:translateY(-2px)}.pricing-grid-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-bottom:4rem}.pricing-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-card-modern:before{background:linear-gradient(90deg,#0000,#e9456080,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.pricing-card-modern:hover{border-color:#e9456066;box-shadow:0 20px 60px #e9456033;transform:translateY(-8px)}.pricing-card-modern:hover:before{transform:scaleX(1)}.pricing-card-modern.popular{background:linear-gradient(135deg,#43e97b0d,#1a1a2e99);border-color:#43e97b66}.pricing-card-modern.popular:before{background:linear-gradient(90deg,#0000,#43e97b80,#0000)}.pricing-card-modern.current{background:linear-gradient(135deg,#e945601a,#1a1a2e99);border-color:#e9456099}.popular-badge-modern{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 12px #43e97b66;color:#000;right:2rem}.current-badge-modern,.popular-badge-modern{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;position:absolute;top:-12px}.current-badge-modern{background:linear-gradient(135deg,#e94560,#d63447);box-shadow:0 4px 12px #e9456066;color:#fff;left:2rem}.pricing-card-header{margin-bottom:2rem;text-align:center}.pricing-card-header h3{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.pricing-amount{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.price-value{color:#fff;font-size:3.5rem;font-weight:700;line-height:1}.price-period{color:#b8b8b8;font-size:1.25rem}.price-custom{color:#43e97b;font-size:1.5rem;font-weight:700}.price-savings{color:#43e97b;font-size:.875rem;font-weight:600;margin-bottom:1rem}.pricing-description{color:#b8b8b8;font-size:.95rem;line-height:1.6;margin-top:1rem}.pricing-features{margin-bottom:2rem;min-height:300px}.feature-item-modern{align-items:flex-start;color:#fff;display:flex;gap:.75rem;padding:.75rem 0}.feature-check{color:#43e97b;flex-shrink:0;font-size:.875rem;margin-top:.25rem}.pricing-limits{grid-gap:1rem;background:#ffffff08;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;padding:1.5rem}.limit-row{align-items:center;color:#b8b8b8;display:flex;font-size:.9rem;gap:.75rem}.limit-icon{color:#e94560;font-size:1rem}.pricing-action{margin-top:auto}.btn-current,.btn-custom,.btn-upgrade{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;width:100%}.btn-current{background:#ffffff1a;color:#b8b8b8;cursor:not-allowed}.btn-upgrade{background:linear-gradient(135deg,#e94560,#d63447);box-shadow:0 4px 12px #e9456066;color:#fff}.btn-upgrade:hover{box-shadow:0 8px 20px #e9456099;transform:translateY(-2px)}.btn-custom{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 12px #43e97b66;color:#000}.btn-custom:hover{box-shadow:0 8px 20px #43e97b99;transform:translateY(-2px)}.pricing-card-modern.popular .btn-upgrade{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 12px #43e97b66;color:#000}.pricing-card-modern.popular .btn-upgrade:hover{box-shadow:0 8px 20px #43e97b99}.quick-stats-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card-modern:hover{border-color:#e9456066;box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.stat-card-modern.overage-stat{background:#e945601a;border-color:#e9456066}.stat-icon{font-size:2rem}.stat-card-modern.overage-stat .stat-icon,.stat-icon{color:#e94560}.stat-content{flex:1 1}.stat-value{color:#fff;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#b8b8b8;font-size:.875rem;letter-spacing:.5px}.quick-links-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-link-modern{align-items:center;background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:1rem;padding:1.25rem;text-decoration:none;transition:all .3s ease}.quick-link-modern:hover{background:#ffffff1a;border-color:#e9456080;transform:translateX(4px)}.quick-link-modern svg{color:#e94560;font-size:1.5rem}@media (max-width:1024px){.current-plan-content,.pricing-grid-modern{grid-template-columns:1fr}.current-plan-content{gap:1.5rem}}@media (max-width:768px){.subscription-header-modern h1{font-size:2.5rem}.pricing-card-modern{padding:2rem}.price-value{font-size:2.5rem}.quick-stats-modern{grid-template-columns:1fr}}.token-info-icon-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;border-radius:50%;box-shadow:0 2px 8px #fbbf244d;color:#000;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.token-info-icon-btn:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);border-color:#fcd34d;box-shadow:0 4px 12px #fbbf2480;transform:scale(1.1)}.token-info-icon-btn:active{transform:scale(.95)}.token-info-inline-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#b8b8b8;cursor:pointer;display:inline-flex;font-size:.75rem;margin-left:.5rem;padding:.25rem .5rem;transition:all .2s ease}.token-info-inline-btn:hover{background:#ffffff1a;color:#fff}.token-info-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.token-info-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #e945604d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.token-info-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.token-info-close:hover{background:#e945604d;transform:rotate(90deg)}.token-info-content h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:.75rem;margin-bottom:1.5rem}.token-info-main{color:#43e97b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.token-info-content p{color:#b8b8b8;line-height:1.6;margin-bottom:1rem}.token-info-list{list-style:none;margin:1.5rem 0;padding:0}.token-info-list li{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;gap:.75rem;padding:.75rem 0}.token-info-list li:last-child{border-bottom:none}.token-info-list li svg{color:#43e97b;flex-shrink:0}.token-info-note{align-items:flex-start;background:#e945601a;border-left:3px solid #e9456080;border-radius:8px;display:flex;gap:.75rem;margin:1.5rem 0;padding:1rem}.token-info-note svg{color:#e94560;flex-shrink:0;margin-top:.25rem}.token-info-example{background:#43e97b1a;border-left:3px solid #43e97b80;border-radius:8px;margin-top:1.5rem;padding:1rem}.success-modern{align-items:center;background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:4rem 0}.success-container{max-width:600px;padding:0 2rem;width:100%}.success-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center}.success-card-modern:before{background:linear-gradient(90deg,#0000,#43e97b,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.success-icon-wrapper{display:inline-block;margin-bottom:2rem;position:relative}.success-icon-circle{align-items:center;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#43e97b33,#38f9d733);border:4px solid #43e97b4d;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto;position:relative;width:120px;z-index:2}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-icon{animation:checkmark .6s ease .3s both;color:#43e97b;font-size:4rem}@keyframes checkmark{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.success-sparkles{height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.sparkle{animation:sparkle 2s ease infinite;color:#43e97b;font-size:1.5rem;position:absolute}.sparkle-1{animation-delay:0s;left:50%;top:0}.sparkle-2{animation-delay:.5s;right:0;top:50%}.sparkle-3{animation-delay:1s;bottom:0;left:50%}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.success-card-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.success-message{color:#b8b8b8;line-height:1.6}.session-details-modern{background:#ffffff0d;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.detail-row-modern{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row-modern:last-child{border-bottom:none}.subscription-id{color:#43e97b;font-family:monospace;font-size:.9rem}.success-actions-modern{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-primary-success,.btn-secondary-success{align-items:center;border-radius:12px;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary-success{background:linear-gradient(135deg,#e94560,#d63447);box-shadow:0 4px 12px #e9456066;color:#fff}.btn-primary-success:hover{box-shadow:0 8px 20px #e9456099;transform:translateY(-2px)}.btn-secondary-success{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.btn-secondary-success:hover{background:#ffffff1a;border-color:#e9456080;transform:translateY(-2px)}.next-steps-modern{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem;text-align:left}.next-steps-modern h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.75rem;margin-bottom:1.5rem}.steps-list{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0}.steps-list li{align-items:flex-start;display:flex;gap:1rem}.step-icon{color:#43e97b;flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.steps-list li div{flex:1 1}.steps-list li strong{color:#fff;display:block;font-size:1rem;margin-bottom:.25rem}.steps-list li p{color:#b8b8b8;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.success-card-modern{padding:3rem 2rem}.success-card-modern h1{font-size:2rem}.success-actions-modern{flex-direction:column}.btn-primary-success,.btn-secondary-success{justify-content:center;width:100%}}.cancel-modern{align-items:center;background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:4rem 0}.cancel-container{max-width:600px;padding:0 2rem;width:100%}.cancel-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center}.cancel-card-modern:before{background:linear-gradient(90deg,#0000,#e94560,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.cancel-icon-wrapper{margin-bottom:2rem}.cancel-icon-circle{align-items:center;animation:shake .6s ease;background:linear-gradient(135deg,#e9456033,#d6344733);border:4px solid #e945604d;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto;width:120px}.cancel-icon{color:#e94560;font-size:4rem}.cancel-card-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cancel-message{color:#b8b8b8;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cancel-reasons-modern{background:#ffffff0d;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.cancel-reasons-modern h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.75rem;margin-bottom:1rem}.reasons-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.reasons-list li{align-items:center;color:#b8b8b8;display:flex;gap:1rem;padding-left:0}.reasons-list li svg{color:#e94560;flex-shrink:0;font-size:1rem}.cancel-actions-modern{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-primary-cancel,.btn-secondary-cancel{align-items:center;border-radius:12px;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary-cancel{background:linear-gradient(135deg,#e94560,#d63447);box-shadow:0 4px 12px #e9456066;color:#fff}.btn-primary-cancel:hover{box-shadow:0 8px 20px #e9456099;transform:translateY(-2px)}.btn-secondary-cancel{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.btn-secondary-cancel:hover{background:#ffffff1a;border-color:#e9456080;transform:translateY(-2px)}.help-section-modern{align-items:flex-start;border-top:1px solid #ffffff1a;display:flex;gap:1.5rem;margin-top:2rem;padding-top:2rem;text-align:left}.help-icon{color:#e94560;flex-shrink:0;font-size:2rem;margin-top:.25rem}.help-content{flex:1 1}.help-content h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.help-content p{color:#b8b8b8;line-height:1.6;margin-bottom:1rem}.help-link{align-items:center;color:#e94560;display:inline-flex;font-weight:700;gap:.5rem;text-decoration:none;transition:color .3s ease}.help-link:hover{color:#43e97b;text-decoration:underline}@media (max-width:768px){.cancel-card-modern{padding:3rem 2rem}.cancel-card-modern h1{font-size:2rem}.cancel-actions-modern{flex-direction:column}.btn-primary-cancel,.btn-secondary-cancel{justify-content:center;width:100%}.help-section-modern{flex-direction:column;text-align:center}}.billing-modern{background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;padding:3rem 0}.billing-container{margin:0 auto;max-width:1200px;padding:0 2rem}.billing-header-modern{margin-bottom:3rem}.billing-header-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.billing-header-modern p{color:#b8b8b8;font-size:1.1rem}.billing-summary-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.summary-card-modern{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.summary-card-modern:hover{border-color:#e9456066;box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.summary-card-modern.success{border-color:#43e97b66}.summary-card-modern.warning{border-color:#ffa50066}.summary-icon{color:#e94560;font-size:2.5rem}.summary-card-modern.success .summary-icon{color:#43e97b}.summary-card-modern.warning .summary-icon{color:orange}.summary-content{flex:1 1}.summary-value{color:#fff;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.summary-label{color:#b8b8b8;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.payment-method-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:3rem;padding:2rem}.payment-method-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.payment-icon{color:#e94560;font-size:2rem}.payment-method-header h3{color:#fff;font-size:1.5rem;margin-bottom:.25rem}.payment-method-header p{color:#b8b8b8;font-size:.9rem;margin:0}.payment-method-card{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem}.payment-card-info{align-items:center;display:flex;gap:1.5rem}.card-brand{color:#fff;font-size:1.25rem;font-weight:700}.card-number{color:#b8b8b8;font-family:monospace;font-size:1rem}.btn-manage{align-items:center;background:#e9456033;border:1px solid #e9456066;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-manage:hover{background:#e945604d;transform:translateX(4px)}.invoices-section-modern{margin-bottom:2rem}.invoices-section-modern h2{color:#fff;font-size:2rem;margin-bottom:2rem}.invoices-list-modern{display:flex;flex-direction:column;gap:1.5rem}.invoice-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s ease}.invoice-card-modern:hover{border-color:#e9456066;box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.invoice-header-modern{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.invoice-info{display:flex;flex-direction:column;gap:.75rem}.invoice-number{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.invoice-icon{color:#e94560}.invoice-date{color:#b8b8b8;font-size:.9rem}.invoice-date,.invoice-status-modern{align-items:center;display:flex;gap:.5rem}.invoice-status-modern{background:#ffffff0d;border-radius:8px;font-size:.875rem;font-weight:700;padding:.5rem 1rem}.status-icon{font-size:1rem}.status-icon.paid{color:#43e97b}.status-icon.pending{color:orange}.status-icon.failed{color:#e94560}.invoice-details-modern{margin-bottom:1.5rem}.invoice-row-modern{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.75rem 0}.invoice-row-modern:last-child{border-bottom:none}.invoice-label{color:#b8b8b8;font-weight:600}.invoice-value{align-items:center;color:#fff;display:flex;font-weight:600;gap:.25rem}.invoice-value.paid{color:#43e97b}.invoice-actions-modern{display:flex;flex-wrap:wrap;gap:1rem}.btn-action-modern{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff;text-decoration:none}.btn-action-modern:hover{background:#ffffff1a;border-color:#e9456080}.btn-primary-modern{text-decoration:none}@media (max-width:768px){.billing-header-modern h1{font-size:2rem}.billing-summary-modern{grid-template-columns:1fr}.invoice-header-modern{flex-direction:column;gap:1rem}.invoice-actions-modern{flex-direction:column}.btn-action-modern{justify-content:center;width:100%}.payment-method-card{align-items:flex-start;flex-direction:column;gap:1rem}}.usage-modern{background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;padding:3rem 0}.usage-container{margin:0 auto;max-width:1400px;padding:0 2rem}.usage-header-modern{margin-bottom:3rem}.usage-header-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.usage-header-modern p{color:#b8b8b8;font-size:1.1rem}.time-range-modern{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.range-btn-modern{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#b8b8b8;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.range-btn-modern:hover{background:#ffffff1a;border-color:#e945604d;color:#fff}.range-btn-modern.active{background:#e9456033;border-color:#e9456080;box-shadow:0 2px 8px #e945604d;color:#fff}.usage-overview-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.usage-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s ease}.usage-card-modern:hover{border-color:#e9456066;box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.usage-card-modern.primary{background:linear-gradient(135deg,#43e97b1a,#1a1a2e99);border-color:#43e97b66}.usage-card-modern.overage{background:linear-gradient(135deg,#e945601a,#1a1a2e99);border-color:#e9456066}.usage-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.usage-card-icon{color:#e94560;font-size:1.5rem}.usage-card-modern.primary .usage-card-icon{color:#43e97b}.usage-card-modern.overage .usage-card-icon{color:#e94560}.usage-card-label{color:#b8b8b8;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.usage-card-value{color:#fff;font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.usage-card-limit{color:#b8b8b8;font-size:.9rem}.usage-card-overage{color:#e94560;font-size:.875rem;font-weight:600;margin-top:.5rem}.usage-card-sublabel{color:#b8b8b8;font-size:.875rem;margin-top:.5rem}.progress-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:2rem;padding:2.5rem}.progress-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.progress-header h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.progress-header p{color:#b8b8b8;font-size:.9rem}.usage-percentage-modern{color:#43e97b;font-size:2rem;font-weight:700}.usage-percentage-modern.near{color:orange}.usage-percentage-modern.over{color:#e94560}.progress-bar-modern{background:#ffffff1a;border-radius:6px;height:12px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill-modern{background:linear-gradient(90deg,#43e97b,#38f9d7);border-radius:6px;height:100%;transition:width .5s ease}.progress-fill-modern.near{background:linear-gradient(90deg,orange,#ff8c00)}.progress-fill-modern.over{background:linear-gradient(90deg,#e94560,#d63447)}.progress-details-modern{align-items:center;color:#b8b8b8;display:flex;font-size:.9rem;justify-content:space-between}.overage-badge-modern{color:#e94560;font-weight:600}.info-banner-modern,.warning-banner-modern{align-items:flex-start;border-radius:12px;display:flex;gap:1rem;margin-top:1.5rem;padding:1.25rem}.warning-banner-modern{background:#e9456026;border:1px solid #e945604d;color:#e94560}.info-banner-modern{background:#ffa50026;border:1px solid #ffa5004d;color:orange}.info-banner-modern svg,.warning-banner-modern svg{font-size:1.5rem;margin-top:.2rem}.info-banner-modern strong,.warning-banner-modern strong{display:block;font-size:1rem;margin-bottom:.5rem}.info-banner-modern p,.warning-banner-modern p{font-size:.9rem;line-height:1.5;margin:0}.charts-grid-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.chart-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.chart-header{margin-bottom:1.5rem}.chart-header h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.75rem}.features-usage-modern{margin-bottom:2rem}.features-usage-modern h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.features-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-limit-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.feature-limit-card:hover{border-color:#e9456066;transform:translateY(-2px)}.feature-limit-icon{color:#e94560;font-size:2rem}.feature-limit-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.feature-limit-label{color:#b8b8b8;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.feature-limit-value{color:#fff;font-size:1.25rem;font-weight:700}.upgrade-cta-modern{align-items:center;background:linear-gradient(135deg,#e945601a,#43e97b1a);border:1px solid #e945604d;border-radius:20px;display:flex;gap:2rem;justify-content:space-between;padding:2.5rem}.upgrade-content{align-items:flex-start;display:flex;flex:1 1;gap:1.5rem}.upgrade-icon{color:#e94560;font-size:2rem;margin-top:.25rem}.upgrade-content h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.upgrade-content p{color:#b8b8b8;line-height:1.6;margin:0}.btn-upgrade-modern{align-items:center;background:linear-gradient(135deg,#e94560,#d63447);border:none;border-radius:12px;box-shadow:0 4px 12px #e9456066;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-upgrade-modern:hover{box-shadow:0 8px 20px #e9456099;transform:translateY(-2px)}@media (max-width:1024px){.charts-grid-modern{grid-template-columns:1fr}.upgrade-cta-modern{flex-direction:column;text-align:center}}@media (max-width:768px){.usage-header-modern h1{font-size:2rem}.features-grid-modern,.usage-overview-modern{grid-template-columns:1fr}.time-range-modern{flex-direction:column}.range-btn-modern{width:100%}}.manage-modern{background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;padding:3rem 0}.manage-container{margin:0 auto;max-width:1200px;padding:0 2rem}.manage-header-modern{margin-bottom:3rem}.back-link-modern{align-items:center;color:#b8b8b8;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1.5rem;text-decoration:none;transition:color .3s ease}.back-link-modern:hover{color:#e94560}.manage-header-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.manage-header-modern p{color:#b8b8b8;font-size:1.1rem}.error-banner-modern{align-items:center;background:#e9456026;border:1px solid #e945604d;border-radius:12px;color:#e94560;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.error-banner-modern svg{flex-shrink:0;font-size:1.25rem}.error-banner-modern span{flex:1 1}.close-error{align-items:center;background:#0000;border:none;color:#e94560;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.status-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:3rem;padding:2.5rem}.status-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.status-header h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.status-header p{color:#b8b8b8;font-size:.9rem;margin:0}.status-badge{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.5rem 1rem}.status-badge.status-active{background:#43e97b33;border:1px solid #43e97b4d;color:#43e97b}.status-badge.status-trialing{background:#ffa50033;border:1px solid #ffa5004d;color:orange}.status-badge.status-inactive{background:#e9456033;border:1px solid #e945604d;color:#e94560}.status-details{grid-gap:1rem;background:#ffffff0d;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;padding:1.5rem}.status-item{justify-content:space-between}.status-label{color:#b8b8b8;font-size:.9rem}.status-value{color:#fff;font-weight:600}.btn-portal-modern{align-items:center;background:linear-gradient(135deg,#e94560,#d63447);border:none;border-radius:12px;box-shadow:0 4px 12px #e9456066;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-portal-modern:hover:not(:disabled){box-shadow:0 8px 20px #e9456099;transform:translateY(-2px)}.btn-portal-modern:disabled{cursor:not-allowed;opacity:.6}.btn-portal-modern .spinner{animation:spin 1s linear infinite}.portal-hint{align-items:center;background:#ffa5001a;border:1px solid #ffa50033;border-radius:8px;color:orange;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;text-align:center}.payment-methods-section-modern{margin-bottom:3rem}.section-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header-modern h2{color:#fff;font-size:2rem}.btn-add-modern{align-items:center;background:#43e97b33;border:1px solid #43e97b66;border-radius:8px;color:#43e97b;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add-modern:hover{background:#43e97b4d;transform:translateY(-2px)}.payment-methods-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.payment-method-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s ease}.payment-method-card-modern:hover{border-color:#e9456066;box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.method-header-modern{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.method-icon{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.method-info{flex:1 1}.method-brand{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.method-number{color:#b8b8b8;font-family:monospace;font-size:1rem}.default-badge-modern{align-items:center;background:#43e97b33;border:1px solid #43e97b4d;border-radius:8px;color:#43e97b;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;padding:.5rem 1rem}.method-details-modern{background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.method-detail{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#b8b8b8;font-size:.9rem}.detail-value{color:#fff;font-weight:600}.method-actions-modern{display:flex;justify-content:flex-end}.btn-action-modern{align-items:center;background:#e9456033;border:1px solid #e9456066;border-radius:8px;color:#e94560;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-action-modern:hover{background:#e945604d;transform:translateY(-2px)}.default-indicator{align-items:center;color:#43e97b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.empty-state-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;padding:4rem 2rem;text-align:center}.empty-icon{color:#b8b8b8;font-size:4rem;margin-bottom:1.5rem}.empty-state-modern h3{color:#fff;font-size:1.5rem;margin-bottom:.75rem}.empty-state-modern p{color:#b8b8b8;line-height:1.6;margin-bottom:2rem}.btn-primary-modern{align-items:center;background:linear-gradient(135deg,#e94560,#d63447);border:none;border-radius:12px;box-shadow:0 4px 12px #e9456066;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-primary-modern:hover{box-shadow:0 8px 20px #e9456099;transform:translateY(-2px)}.security-notice-modern{align-items:flex-start;background:#43e97b1a;border:1px solid #43e97b4d;border-radius:16px;display:flex;gap:1.5rem;padding:2rem}.security-icon{color:#43e97b;flex-shrink:0;font-size:2rem;margin-top:.25rem}.security-notice-modern h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.security-notice-modern p{color:#b8b8b8;line-height:1.6;margin:0}.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.spinner-large{animation:spin 1s linear infinite;color:#e94560;font-size:3rem}@media (max-width:768px){.manage-header-modern h1{font-size:2rem}.section-header-modern{align-items:flex-start;flex-direction:column;gap:1rem}.payment-methods-grid-modern,.status-details{grid-template-columns:1fr}}.terms-page{background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;padding:3rem 0}.terms-container{margin:0 auto;max-width:900px;padding:0 2rem}.terms-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.meta-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#dce6ff;font-size:.9rem;font-weight:600;padding:.55rem .9rem}.meta-chip.meta-pill{align-items:center;background:#43e97b1f;border-color:#43e97b33;color:#b9f6d0;display:inline-flex;gap:.5rem}.terms-header{margin-bottom:3rem}.terms-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.last-updated{color:#b8b8b8}.terms-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;padding:3rem}.terms-toc{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.toc-heading{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:1rem}.toc-updated{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:#9fb0d3;font-size:.85rem;padding:.25rem .75rem}.toc-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.toc-grid a{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;color:#dce6ff;display:block;font-weight:600;padding:.65rem .85rem;text-decoration:none;transition:all .2s ease}.toc-grid a:hover{border-color:#e9456059;color:#fff}.terms-section{border-bottom:1px solid #ffffff1a;margin-bottom:3rem;padding-bottom:2rem}.terms-section:last-child{border-bottom:none;margin-bottom:0}.terms-section h2{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.terms-section.highlight{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 10px 40px #00000059;margin-bottom:2rem;padding:2rem}.terms-section p,.terms-section ul{color:#b8b8b8;line-height:1.8;margin-bottom:1rem}.terms-section ul{margin-left:1.5rem}.terms-section ul li{margin-bottom:.5rem}.terms-section a{color:#e94560;font-weight:600;text-decoration:none}.terms-section a:hover{text-decoration:underline}.cancellation-terms,.payment-terms{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.25rem}.term-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 6px 20px #00000040;display:flex;gap:1.25rem;padding:1.25rem 1.5rem}.term-item.warning{background:hsla(0,0%,100%,.035);border-color:#ffa6004d}.term-icon{color:#cfd8ff;flex-shrink:0;font-size:1.8rem;margin-top:.1rem;opacity:.85}.term-item.warning .term-icon{color:#ffb347}.term-item h3{color:#fff;font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.term-item p{margin-bottom:1rem}.term-item p:last-child{margin-bottom:0}.term-item strong{color:#fff;font-weight:700}.acceptance-box{align-items:flex-start;background:linear-gradient(135deg,#43e97b1a,#38f9d71a);border:1px solid #43e97b4d;border-radius:12px;display:flex;gap:1.5rem;margin-top:2rem;padding:2rem}.acceptance-icon{color:#43e97b;flex-shrink:0;font-size:2.5rem;margin-top:.25rem}.acceptance-box h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.acceptance-box p{color:#b8b8b8;line-height:1.6;margin:0}@media (max-width:768px){.terms-header h1{font-size:2rem}.terms-content{padding:2rem 1.5rem}.terms-section h2{font-size:1.5rem}.term-item{gap:1rem}.acceptance-box,.term-item{flex-direction:column}}.subscribe-page{background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;padding:3rem 2rem}.subscribe-container{margin:0 auto;max-width:1200px}.subscribe-header{margin-bottom:3rem;text-align:center}.subscribe-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.subscribe-header>p{color:#b8b8b8;font-size:1.125rem;margin-bottom:1rem}.overage-billing-notice-subscribe{grid-gap:1rem;align-items:center;background:radial-gradient(circle at 20% 20%,#43e97b26,#764ba20d),linear-gradient(135deg,#667eea26,#764ba21a);border:1px solid #667eea59;border-radius:16px;color:#d1e8ff;display:grid;font-size:.95rem;gap:1rem;grid-template-columns:auto 1fr auto;margin:1rem auto 2.5rem;max-width:760px;overflow:hidden;padding:1rem 1.25rem;position:relative}.overage-billing-notice-subscribe:after{background:radial-gradient(circle at 80% 0,#e9456026,#0000 35%);content:"";inset:0;pointer-events:none;position:absolute}.overage-icon{background:#43e97b26;border:1px solid #43e97b40;border-radius:14px;color:#43e97b;display:grid;height:44px;place-items:center;width:44px}.overage-copy{grid-gap:.2rem;color:#e8ecff;display:grid;gap:.2rem;position:relative;z-index:1}.overage-title{color:#fff;font-weight:700;letter-spacing:.01em;margin:0}.overage-text{color:#cdd5ff;line-height:1.45;margin:0}.overage-billing-notice-subscribe strong,.overage-pill{color:#fff;font-weight:700}.overage-pill{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0000002e;display:inline-flex;gap:.4rem;padding:.65rem .9rem}.overage-pill svg{color:orange}.trial-banner{align-items:center;background:linear-gradient(135deg,#43e97b26,#38f9d726);border:1px solid #43e97b4d;border-radius:12px;color:#43e97b;display:inline-flex;font-weight:600;gap:.75rem;margin-bottom:2rem;padding:.875rem 1.5rem}.trial-banner svg{font-size:1.25rem}.billing-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:inline-flex;gap:.5rem;padding:.25rem}.billing-toggle button{align-items:center;background:#0000;border:none;border-radius:8px;color:#b8b8b8;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.billing-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.billing-toggle button:hover:not(.active){background:#ffffff0d;color:#fff}.save-badge{background:#43e97b33;border-radius:4px;color:#43e97b;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.tiers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:3rem}.tier-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem;position:relative;transition:all .3s ease}.tier-card:hover{border-color:#fff3;box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.tier-card.popular{border:2px solid #e94560;box-shadow:0 0 30px #e9456033}.tier-card.loading{opacity:.7;pointer-events:none}.popular-badge{align-items:center;background:linear-gradient(135deg,#e94560,#d63447);border-radius:20px;box-shadow:0 4px 12px #e9456066;color:#fff;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.tier-header{margin-bottom:2rem;text-align:center}.tier-header h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.tier-description{color:#b8b8b8;font-size:.95rem;margin-bottom:1.5rem}.tier-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center;margin-bottom:.5rem}.currency{color:#fff;font-size:1.5rem;font-weight:600}.amount{color:#fff;font-size:3rem;font-weight:700;line-height:1}.period{color:#b8b8b8;font-size:1.25rem;font-weight:500}.price-label{color:#fff;font-size:1.5rem;font-weight:700}.price-note{color:#b8b8b8;font-size:.875rem;margin-top:.5rem}.monthly-equivalent{color:#43e97b;font-size:.875rem;font-weight:600;margin-top:.25rem}.tier-features{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 0 2rem;padding:0}.tier-features li{align-items:center;color:#fff;display:flex;font-size:.95rem;gap:.75rem}.feature-icon{color:#667eea;flex-shrink:0;font-size:1.125rem}.tier-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.tier-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.tier-button:active:not(:disabled){transform:translateY(0)}.tier-button:disabled{cursor:not-allowed;opacity:.6}.popular-button{background:linear-gradient(135deg,#e94560,#d63447)}.popular-button:hover:not(:disabled){box-shadow:0 4px 12px #e9456066}.custom-button{background:linear-gradient(135deg,#764ba2,#667eea)}.spinner{animation:spin 1s linear infinite}.subscribe-footer{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-top:2rem;text-align:center}.subscribe-footer p{align-items:center;color:#b8b8b8;display:flex;font-size:.875rem;gap:.5rem}.subscribe-footer svg{color:#43e97b}.subscribe-footer .overage-notice{color:orange;font-weight:600;margin-top:.5rem}.subscribe-footer .overage-notice svg{color:orange}@media (max-width:768px){.subscribe-header h1{font-size:2rem}.tiers-grid{grid-template-columns:1fr}.subscribe-footer{flex-direction:column;gap:1rem}}.developer-access-page{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;position:relative}.animated-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.orb-1{animation-delay:0s;background:#1a4d7a;height:600px;left:-200px;top:-200px;width:600px}.orb-2{animation-delay:5s;background:#2d5a87;bottom:-150px;height:500px;right:-150px;width:500px}.orb-3{animation-delay:10s;background:#3a6b9a;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,50px) scale(1.1)}66%{transform:translate(-50px,-50px) scale(.9)}}.hero-section{background:linear-gradient(180deg,#4a90e208,#0000);padding:6rem 2rem 4rem;position:relative;width:100%;z-index:1}.hero-content-wrapper{margin:0 auto;max-width:1400px}.hero-text{text-align:center}.hero-title{display:flex;flex-direction:column;font-size:clamp(3rem,8vw,6rem);font-weight:900;gap:.5rem;letter-spacing:-.02em;line-height:.95;margin-bottom:1.5rem}.title-line-1{background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text}.title-line-1,.title-line-2{-webkit-text-fill-color:#0000}.title-line-2{background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-stats{flex-wrap:wrap;gap:2rem;justify-content:center}.hero-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;gap:.5rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.stat-divider{background:#ffffff1a;height:40px;width:1px}.benefits-section{padding:4rem 2rem;position:relative;width:100%;z-index:1}.benefits-container{margin:0 auto;max-width:1200px;text-align:center}.section-title{color:var(--text-primary);display:inline-block;font-size:2.4rem!important;font-weight:800;margin:0 auto 3rem;position:relative;text-align:center}.benefits-grid-full{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.benefit-card-interactive{align-items:center;animation:slideInUp .6s ease-out;animation-delay:var(--delay);animation-fill-mode:both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e4d;border:1px solid #ffffff0d;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:visible;padding:3.5rem 2.5rem;position:relative;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.benefit-card-interactive:after{background:radial-gradient(circle at 50% 50%,#4a90e214 0,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#4a90e214 0,#0000 50%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.benefit-card-interactive:hover:after{opacity:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.benefit-card-interactive:before{background:linear-gradient(90deg,#0000,#4a90e266 25%,#357abd66 75%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}.benefit-card-interactive.active,.benefit-card-interactive:hover{background:#1a1a2eb3;border-color:#4a90e24d;box-shadow:0 24px 48px #00000080,inset 0 0 0 1px #ffffff1a,0 0 60px #4a90e21f;transform:translateY(-12px)}.benefit-card-interactive.active:before,.benefit-card-interactive:hover:before{transform:scaleX(1)}.benefit-icon-container{align-items:center;display:flex;flex-shrink:0;height:auto;justify-content:center;margin:0 auto 2rem;padding:0;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:auto;z-index:1}.benefit-icon-container:before{background:linear-gradient(135deg,#4a90e21f,#357abd1f 50%,#2a62981f);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;content:"";filter:blur(20px);height:120px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:120px;z-index:-1}.benefit-card-interactive:hover .benefit-icon-container:before{border-radius:50% 50% 50% 50%/60% 60% 40% 40%;opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}.benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;display:block;filter:drop-shadow(0 4px 12px rgba(74,144,226,.2));font-size:3.5rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1}.benefit-card-interactive:hover .benefit-icon{filter:drop-shadow(0 8px 20px rgba(74,144,226,.3));transform:scale(1.15) translateY(-4px)}.benefit-card-interactive:first-child:hover .benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;background-clip:text}.benefit-card-interactive:nth-child(2):hover .benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5a9fe8,#4a90e2);-webkit-background-clip:text;background-clip:text}.benefit-card-interactive:nth-child(3):hover .benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#357abd,#2a5f8f);-webkit-background-clip:text;background-clip:text}.benefit-card-interactive:nth-child(4):hover .benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;background-clip:text}.benefit-card-interactive:nth-child(5):hover .benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5a9fe8,#4a90e2);-webkit-background-clip:text;background-clip:text}.benefit-card-interactive:nth-child(6):hover .benefit-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#357abd,#2a5f8f);-webkit-background-clip:text;background-clip:text}.benefit-text{margin-top:auto;position:relative;width:100%;z-index:1}.benefit-text h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:.75rem}.benefit-text p{color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.6;margin:0}.benefit-hover-effect{background:radial-gradient(circle,#4a90e20f 0,#357abd0f 50%,#0000 70%);border-radius:50%;height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .8s cubic-bezier(.4,0,.2,1),height .8s cubic-bezier(.4,0,.2,1);width:0;z-index:0}.benefit-card-interactive:hover .benefit-hover-effect{height:400px;width:400px}.redemption-section{background:linear-gradient(180deg,#0000,#4a90e205 50%,#0000);padding:4rem 2rem;position:relative;width:100%;z-index:1}.redemption-container{margin:0 auto;max-width:900px}.redemption-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1a1a2eb3;border:2px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0006,inset 0 0 0 1px #ffffff0d;overflow:hidden;padding:3rem;position:relative}.redemption-content:before{background:linear-gradient(90deg,#0000,#4a90e280,#357abd80,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.redemption-header{margin-bottom:2.5rem;text-align:center}.header-icon-box{align-items:center;background:none;border:none;display:flex;height:auto;justify-content:center;margin:0 auto 1.5rem;padding:0;transition:all .4s ease;width:auto}.redemption-content:hover .header-icon-box{transform:scale(1.05)}.header-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:80px;object-fit:contain;transition:all .4s ease;width:80px}.redemption-content:hover .header-logo{filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.redemption-header h2{color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:.75rem}.redemption-header p{color:var(--text-secondary);font-size:1.1rem}.code-form-interactive{margin-bottom:2rem}.input-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.label-icon{color:#4a90e2;font-size:.9rem}.input-wrapper{align-items:center;display:flex;position:relative}.code-input-interactive{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;color:var(--text-primary);font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.3em;outline:none;padding:1.5rem 4rem 1.5rem 1.5rem;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.code-input-interactive::placeholder{color:var(--text-secondary);font-weight:400;letter-spacing:.1em;opacity:.4}.code-input-interactive:focus{background:#ffffff14;border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e21a,0 8px 24px #4a90e226;transform:translateY(-2px)}.code-input-interactive.valid{border-color:#43e97b;box-shadow:0 0 0 4px #43e97b1a}.code-input-interactive.error{animation:shake .5s;border-color:#e94560}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.paste-button{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:3.5rem;transition:all .3s ease}.paste-button:hover{background:#ffffff1a;color:var(--text-primary);transform:scale(1.1)}.input-status{font-size:1.25rem;position:absolute;right:1.5rem}.input-status .spinner{animation:spin 1s linear infinite;color:#4a90e2}.input-status svg:not(.spinner){color:#43e97b}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.activate-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:16px;box-shadow:0 8px 24px #4a90e24d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:1rem;justify-content:center;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s ease;width:100%}.activate-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.activate-button:hover:not(:disabled):before{height:400px;width:400px}.activate-button:hover:not(:disabled){box-shadow:0 12px 32px #4a90e266;transform:translateY(-3px)}.activate-button:active:not(:disabled){transform:translateY(-1px)}.activate-button:disabled{cursor:not-allowed;opacity:.6}.error-message-interactive{align-items:center;animation:fadeIn .3s ease;background:#e9456026;border:2px solid #e9456066;border-radius:16px;color:#e94560;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.code-help{border-top:1px solid #ffffff1a;margin-top:2.5rem;padding-top:2.5rem}.help-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.help-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.help-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.help-item:hover{background:#ffffff0d;border-color:#4a90e24d;transform:translateX(4px)}.help-item svg{color:#43e97b;flex-shrink:0;font-size:.9rem}.help-item span{color:var(--text-secondary);font-size:.9rem}.info-section{padding:4rem 2rem;position:relative;width:100%;z-index:1}.info-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1400px}.info-card-full{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:2px solid #ffffff14;border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s ease}.info-card-full:before{background:linear-gradient(90deg,#4a90e2,#357abd);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.info-card-full:hover{border-color:#4a90e24d;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.info-card-full:hover:before{transform:scaleX(1)}.info-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;background-clip:text}.info-header h3{color:var(--text-primary);font-size:1.5rem}.info-card-full p{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin:0}.success-animation{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:4rem 2rem;position:relative}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.confetti{animation:confetti-fall 3s ease-out forwards;height:10px;position:absolute;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.success-content{max-width:800px;position:relative;text-align:center;z-index:10}.badge-reveal{display:inline-block;margin-bottom:2rem;position:relative}.badge-large{align-items:center;animation:badgeReveal .8s ease-out;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:20px;box-shadow:0 8px 32px #4a90e24d;display:inline-flex;gap:1rem;padding:1.5rem 3rem;position:relative;z-index:2}@keyframes badgeReveal{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.badge-icon{color:#fff;font-size:2.5rem}.badge-text{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.badge-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#4a90e240 0,#0000 70%);height:200%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%;z-index:1}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.success-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.success-benefits{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin:2rem auto;max-width:500px;padding:2rem}.benefit-item-success{align-items:center;color:var(--text-primary);display:flex;gap:1rem;padding:.75rem 0}.benefit-item-success svg{color:#43e97b;font-size:1.25rem}.success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.btn-primary-large,.btn-secondary-large{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-primary-large{background:linear-gradient(135deg,#4a90e2,#357abd);box-shadow:0 4px 16px #4a90e24d;color:#fff}.btn-primary-large:hover{box-shadow:0 6px 24px #4a90e266;transform:translateY(-2px)}.btn-secondary-large{background:#ffffff0d;border:1px solid #ffffff1a;color:var(--text-primary)}.btn-secondary-large:hover{background:#ffffff14;border-color:#4a90e24d}.countdown-banner{align-items:center;animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e9456026;border:2px solid #e945604d;border-radius:16px;display:flex;gap:1rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px;padding:1.5rem 2rem}.countdown-icon{animation:rotate 2s linear infinite;color:#e94560;font-size:1.5rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.countdown-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.countdown-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.countdown-timer{align-items:baseline;display:flex;font-family:Courier New,monospace;gap:.25rem}.countdown-value{color:#e94560;font-size:1.8rem;font-weight:800;line-height:1}.countdown-unit{font-size:.9rem;font-weight:600}.countdown-separator,.countdown-unit{color:var(--text-secondary);margin:0 .25rem}.countdown-separator{font-size:1.5rem;font-weight:700}@media (max-width:1024px){.benefits-grid-full{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{padding:4rem 1rem 3rem}.hero-stats{gap:1rem}.stat-number{font-size:2rem}.benefits-section,.info-section,.redemption-section{padding:3rem 1rem}.redemption-content{padding:2rem 1.5rem}.code-input-interactive{font-size:1.25rem;padding:1.25rem 3.5rem 1.25rem 1.25rem}.benefits-grid-full{grid-template-columns:1fr;max-width:100%}.countdown-banner{flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.countdown-timer{flex-wrap:wrap;justify-content:center}.countdown-value{font-size:1.5rem}.benefit-card-interactive{min-height:240px;padding:2rem 1.5rem}.help-items,.info-container{grid-template-columns:1fr}}.trust-section{background:#ffffff05;border-top:1px solid var(--border-color);padding:3rem 2rem}.trust-container{margin:0 auto;max-width:1200px;text-align:center}.trust-badges{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem}.trust-badge{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.trust-badge svg{color:#4a90e2;font-size:1.25rem}.trust-badge:hover{background:#ffffff14;border-color:#4a90e2;transform:translateY(-2px)}.last-updated{color:var(--text-secondary);font-size:.9rem;margin:0}.related-resources-section{background:var(--bg-secondary);padding:4rem 2rem}.related-resources-container{margin:0 auto;max-width:1200px}.related-resources-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.resources-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.resource-card:before{background:linear-gradient(90deg,#4a90e2,#357abd);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.resource-card:hover{border-color:#4a90e2;box-shadow:0 12px 24px #4a90e233;transform:translateY(-8px)}.resource-card:hover:before{transform:scaleX(1)}.resource-card svg{color:#4a90e2;font-size:2.5rem;margin-bottom:.5rem}.resource-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.resource-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.trust-badges{align-items:center;flex-direction:column}.related-resources-section h2{font-size:2rem}.resources-grid{grid-template-columns:1fr}}.kyc-page{background:linear-gradient(180deg,#0b0c14,#0f111f 40%,#0a0b14);color:#e8ecff;min-height:100vh;padding:60px 20px 80px}.kyc-hero{margin:0 auto 48px;max-width:1100px;text-align:left}.kyc-hero-eyebrow{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:#b9c6ff;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:6px 12px}.kyc-hero h1{color:#fff;font-size:2.6rem;line-height:1.2;margin:16px 0 12px}.kyc-hero-sub{color:#c9d3ff;line-height:1.7;margin-bottom:16px;max-width:900px}.kyc-hero-tags{display:flex;flex-wrap:wrap;gap:10px}.kyc-hero-tags span{background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;color:#dce6ff;font-size:.9rem;font-weight:600;padding:8px 12px}.kyc-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto 48px;max-width:1200px}.kyc-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #0000004d;padding:20px}.kyc-card-label{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#b9c6ff;display:inline-flex;font-size:.85rem;font-weight:700;margin-bottom:10px;padding:6px 10px}.kyc-card h3{color:#fff;font-size:1.4rem;margin:6px 0 10px}.kyc-card p{color:#c9d3ff;line-height:1.6;margin-bottom:12px}.kyc-card ul{color:#d5ddff;line-height:1.6;margin:0;padding-left:18px}.kyc-card ul li+li{margin-top:6px}.kyc-flow{background:#ffffff05;border:1px solid #ffffff12;border-radius:18px;box-shadow:0 12px 38px #00000059;margin:0 auto 48px;max-width:1200px;padding:28px}.kyc-flow-header h2{color:#fff;margin:0 0 8px}.kyc-flow-header p{color:#c5cffb;line-height:1.6;margin:0 0 18px}.kyc-flow-steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.flow-step{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;padding:16px}.step-number{background:#ffffff0f;border-radius:8px;color:#dce6ff;display:grid;font-weight:800;height:28px;margin-bottom:10px;place-items:center;width:28px}.flow-step h4{color:#fff;margin:0 0 8px}.flow-step p{color:#c8d2ff;line-height:1.6;margin:0}.kyc-faq{margin:0 auto;max-width:1100px}.faq-header h2{color:#fff;margin:0 0 8px}.faq-header p{color:#c5cffb;margin:0 0 18px}.faq-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.faq-item{padding:16px}.faq-item h4{margin:0 0 8px}@media (max-width:768px){.kyc-hero h1{font-size:2rem}.kyc-page{padding:40px 16px 60px}}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-size:24px;font-weight:700;gap:12px;text-decoration:none}.logo-container-small{height:40px;position:relative;width:40px}.logo-small{border-radius:50%;height:100%;object-fit:cover;width:100%}.nav-links{align-items:center;display:flex;gap:12px;position:relative}.auth-buttons{display:flex;gap:10px;margin-left:8px}.auth-btn{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;padding:10px 14px;text-decoration:none;transition:all .25s ease}.auth-btn.primary{background:linear-gradient(135deg,#e94560,#d63447);box-shadow:0 6px 18px #e9456059;color:#fff}.auth-btn.primary:hover{box-shadow:0 8px 22px #e9456073;transform:translateY(-1px)}.auth-btn.ghost{background:#0000;border-color:#ffffff2e;color:#e8ecff}.auth-btn.ghost:hover{border-color:#ffffff59;color:#fff}.nav-link-wrapper{align-items:center;display:flex;position:relative}.nav-link-wrapper.dragging{opacity:.5}.nav-link{align-items:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;font-weight:500;justify-content:center;overflow:hidden;padding:10px 12px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:#d63a5233;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.nav-link:active:before{height:300px;width:300px}.nav-link:focus{outline:none}.nav-link:focus-visible{outline:2px solid var(--highlight-color);outline-offset:2px}.nav-link.active{background-color:#d63a5233;color:var(--highlight-color);font-weight:600}.nav-link.active:after{background:var(--highlight-color);border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.nav-link svg{height:20px;transition:transform .3s ease;width:20px}.nav-link.active svg{transform:scale(1.15)}.active-indicator{animation:pulse 2s infinite;background:var(--highlight-color);border-radius:50%;height:6px;position:absolute;right:4px;top:4px;width:6px}.tooltip{background:#000000f2;border-radius:8px;bottom:-50px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;font-weight:500;left:50%;min-width:120px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1001}.tooltip strong{display:block;margin-bottom:4px}.tooltip-desc{display:block;font-size:11px;margin-top:2px;opacity:.8}.tooltip:before{border-bottom:5px solid #000000f2;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:0}.favorite-indicator{animation:starPulse 2s infinite;color:gold;font-size:10px;position:absolute;right:2px;top:2px}@keyframes starPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.nav-link.favorite{border:1px solid #ffd7004d}.search-container{animation:slideDownFade .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:10px;max-width:600px;min-width:400px;padding:12px;top:100%;z-index:1003}.search-container,.search-container:before{left:50%;position:absolute;transform:translateX(-50%)}.search-container:before{border-bottom:8px solid var(--bg-secondary);border-left:8px solid #0000;border-right:8px solid #0000;bottom:100%;content:"";height:0;width:0}.search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px 10px 36px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--highlight-color);box-shadow:0 0 0 3px #d63a521a}.search-icon{color:var(--text-secondary);font-size:14px;left:24px;position:absolute;top:24px}.search-results{margin-top:12px;max-height:300px;overflow-y:auto}.search-result-item{align-items:center;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.search-result-item svg{color:var(--highlight-color);flex-shrink:0;height:20px;width:20px}.search-result-label{flex:1 1;font-size:14px;font-weight:600}.search-result-desc{color:var(--text-secondary);font-size:12px;margin-top:2px}.search-no-results{color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.search-toggle{background:#0000;border:none;cursor:pointer}.context-menu{animation:contextMenuFade .2s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0003;min-width:200px;padding:4px;z-index:1004}@keyframes contextMenuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;transition:all .2s ease}.context-menu-item svg{height:16px;width:16px}.context-menu-info{border-top:1px solid var(--border-color);color:var(--text-secondary);cursor:default;font-size:12px;margin-top:4px;padding-top:8px}.btn-logout{align-items:center;background:var(--highlight-color);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;font-weight:500;height:40px;justify-content:center;min-width:40px;overflow:hidden;padding:10px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-logout:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-logout:active:before{height:300px;width:300px}.btn-logout:focus{outline:none}.btn-logout:focus-visible{outline:2px solid var(--highlight-color);outline-offset:2px}.btn-logout:active{transform:translateY(0)}.btn-logout svg{height:20px;transition:transform .3s ease;width:20px}.messages-link{position:relative}.message-badge{align-items:center;animation:pulse-badge 2s infinite;background:#e94560;border:2px solid var(--bg-secondary);border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px;z-index:10}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 #e94560b3;transform:scale(1)}50%{box-shadow:0 0 0 4px #e9456000;transform:scale(1.1)}}.mobile-nav-link.messages-link{position:relative}.mobile-nav-link .message-badge{margin-left:auto;position:absolute;right:12px;top:8px}.main-content{flex:1 1;padding:40px 0}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1rem}.footer-links a{color:#ffffffb3;font-weight:600;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#e94560}.footer-separator{color:#fff6;font-weight:400;margin:0 .5rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);padding:24px 0;text-align:center}.footer-link{color:var(--primary-color);text-decoration:none;transition:all .3s ease}.footer-link:hover{opacity:.8;text-decoration:underline}.mobile-menu-toggle{background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;padding:8px;transition:all .3s ease}.mobile-menu-backdrop{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{background:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:0 4px 20px #00000026;display:none;left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:1000}.mobile-menu.open{animation:slideDown .4s cubic-bezier(.4,0,.2,1);max-height:600px;opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-content{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 80px);overflow-y:auto;padding:20px}.mobile-auth-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.mobile-auth-btn{border:1px solid #0000;border-radius:12px;font-weight:700;padding:12px;text-align:center;text-decoration:none;transition:all .25s ease}.mobile-auth-btn.primary{background:linear-gradient(135deg,#e94560,#d63447);box-shadow:0 6px 18px #e9456059;color:#fff}.mobile-auth-btn.primary:active{transform:translateY(1px)}.mobile-auth-btn.ghost{background:#ffffff0a;border-color:#ffffff29;color:#e8ecff}.mobile-auth-btn.ghost:active{transform:translateY(1px)}.mobile-search-container{margin-bottom:16px;position:relative}.mobile-search-icon{color:var(--text-secondary);font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.mobile-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:12px 12px 12px 40px;width:100%}.mobile-section{margin-bottom:16px}.mobile-section-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 4px;text-transform:uppercase}.mobile-link-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.mobile-link-desc{color:var(--text-secondary);font-size:12px;opacity:.7}.mobile-menu-content::-webkit-scrollbar{width:6px}.mobile-menu-content::-webkit-scrollbar-track{background:#0000}.mobile-menu-content::-webkit-scrollbar-thumb{background:#d63a524d;border-radius:3px}.mobile-menu-content::-webkit-scrollbar-thumb:hover{background:#d63a5280}.mobile-nav-link{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;opacity:0;padding:14px 16px;position:relative;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mobile-menu.open .mobile-nav-link,.mobile-nav-link{animation:slideInLeft .3s ease forwards}.mobile-menu.open .mobile-nav-link:first-child{animation-delay:.05s}.mobile-menu.open .mobile-nav-link:nth-child(2){animation-delay:.1s}.mobile-menu.open .mobile-nav-link:nth-child(3){animation-delay:.15s}.mobile-menu.open .mobile-nav-link:nth-child(4){animation-delay:.2s}.mobile-menu.open .mobile-nav-link:nth-child(5){animation-delay:.25s}.mobile-menu.open .mobile-nav-link:nth-child(6){animation-delay:.3s}.mobile-menu.open .mobile-nav-link:nth-child(7){animation-delay:.35s}.mobile-menu.open .mobile-nav-link:nth-child(8){animation-delay:.4s}.mobile-menu.open .mobile-nav-link:nth-child(9){animation-delay:.45s}.mobile-menu.open .mobile-nav-link:nth-child(10){animation-delay:.5s}.mobile-menu.open .mobile-nav-link:nth-child(11){animation-delay:.55s}.mobile-menu.open .mobile-nav-link:nth-child(12){animation-delay:.6s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.mobile-nav-link:focus{outline:none}.mobile-nav-link:focus-visible{outline:2px solid var(--highlight-color);outline-offset:-2px}.mobile-nav-link.active{background-color:#d63a5233;color:var(--highlight-color);font-weight:600}.mobile-nav-link.active:before{background:var(--highlight-color);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.mobile-nav-link svg{flex-shrink:0;height:20px;width:20px}.mobile-nav-link .active-indicator{margin-left:auto}.btn-logout-mobile{background:var(--highlight-color);color:var(--text-primary);margin-top:8px}.desktop-menu{display:flex}@media (max-width:768px){.desktop-menu{display:none}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.mobile-menu{display:block}.nav-container{position:relative}}.cookie-banner{animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2efa;border-top:2px solid #e94560;border-top:2px solid var(--highlight-color,#e94560);bottom:0;box-shadow:0 -4px 20px #0000004d;left:0;padding:1.5rem 2rem;position:fixed;right:0;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 auto;max-width:1400px}.cookie-banner-icon{animation:pulse 2s ease-in-out infinite;color:#e94560;color:var(--highlight-color,#e94560);flex-shrink:0;font-size:2.5rem}.cookie-banner-text{flex:1 1;min-width:300px}.cookie-banner-text h3{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.cookie-banner-text p{color:#b8b8b8;color:var(--text-secondary,#b8b8b8);font-size:.95rem;line-height:1.6;margin:0}.cookie-banner-actions{display:flex;flex-shrink:0;gap:1rem}.cookie-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.cookie-btn-accept{background:#e94560;background:var(--highlight-color,#e94560);color:#fff}.cookie-btn-accept:hover{background:#d63a52;box-shadow:0 4px 12px #e9456066;transform:translateY(-2px)}.cookie-btn-decline{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--text-primary,#fff)}.cookie-btn-decline:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.cookie-banner{padding:1.25rem 1.5rem}.cookie-banner-content{align-items:stretch;flex-direction:column;gap:1rem}.cookie-banner-icon{align-self:center;font-size:2rem}.cookie-banner-text{min-width:auto;text-align:center}.cookie-banner-actions{flex-direction:column;width:100%}.cookie-btn{justify-content:center;width:100%}}.blog-page,.blog-post-page{background:linear-gradient(180deg,#0b0c14,#0f111f 40%,#0a0b14);color:#e8ecff;min-height:100vh;padding:0}.blog-hero-section{background:linear-gradient(135deg,#e945601a,#3982f71a);border-bottom:1px solid #ffffff1a;margin-bottom:60px;overflow:hidden;padding:100px 20px 80px;position:relative}.blog-hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.blog-hero-visual{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blog-hero-gradient{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,#e9456026 0,#0000 70%);border-radius:50%;height:800px;position:absolute;right:-20%;top:-50%;width:800px}.blog-hero-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:40px 40px;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.blog-hero-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:40px 0 32px;max-width:800px}.blog-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px;text-align:center;transition:transform .2s ease,border-color .2s ease}.blog-stat:hover{border-color:#e945604d;transform:translateY(-2px)}.blog-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e94560,#397af7);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin-bottom:4px}.blog-stat-label{color:#b9c6ff;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.blog-hero-categories{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.blog-category-label{color:#aeb8de;font-size:.9rem;font-weight:600;margin-right:4px}.blog-category-tag{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#dce6ff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.blog-category-tag:hover{background:#e9456026;border-color:#e9456066;color:#fff;transform:translateY(-1px)}.blog-category-filter{margin:0 auto 40px;max-width:1200px;padding:0 20px}.blog-category-filter-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.blog-category-filter-label{color:#aeb8de;display:block;font-size:.9rem;font-weight:600;margin-bottom:16px}.blog-category-buttons{display:flex;flex-wrap:wrap;gap:12px}.blog-category-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;color:#dce6ff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.blog-category-button:hover{background:#e9456026;border-color:#e9456066;color:#fff;transform:translateY(-1px)}.blog-category-button.active{background:linear-gradient(135deg,#e945604d,#3982f74d);border-color:#e9456080;box-shadow:0 4px 12px #e9456033;color:#fff}.blog-category-count{color:#fff9;font-size:.8rem;font-weight:500}.blog-post-category-badge{background:linear-gradient(135deg,#e9456033,#3982f733);border:1px solid #e945604d;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:6px 14px;text-transform:uppercase}.blog-card .blog-post-category-badge,.blog-featured-card .blog-post-category-badge{position:absolute;right:16px;top:16px;z-index:2}.blog-post-count{color:#aeb8de;font-size:1rem;font-weight:500;margin-left:12px}.blog-no-posts{color:#aeb8de;padding:60px 20px;text-align:center}.blog-no-posts p{font-size:1.1rem}.blog-hero{margin:0 auto 32px;max-width:1100px}.blog-post-hero-section{background:linear-gradient(135deg,#e945601a,#3982f71a);border-bottom:1px solid #ffffff1a;margin-bottom:40px;overflow:hidden;padding:100px 20px 60px;position:relative}.blog-post-hero-visual{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blog-post-hero-content{margin:0 auto;max-width:1100px;position:relative;z-index:2}.blog-post-hero{margin:0 auto 32px;max-width:1100px}.blog-eyebrow{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:#b9c6ff;display:inline-flex;font-size:.9rem;font-weight:700;padding:6px 12px}.blog-hero h1{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:14px 0 20px}.blog-hero-section .blog-hero h1{font-size:3.5rem;margin:20px 0 24px}.blog-post-hero-content h1{color:#fff;font-size:3.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:20px 0 24px}.blog-sub{color:#c9d3ff;font-size:1.1rem;line-height:1.7;max-width:880px}.blog-post-hero-content .blog-sub{font-size:1.15rem;margin-top:16px}.blog-featured-section{margin:0 auto 60px;max-width:1200px;padding:0 20px}.blog-section-title{border-bottom:2px solid #e945604d;color:#fff;font-size:2rem;font-weight:700;margin-bottom:32px;padding-bottom:16px}.blog-featured-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.blog-featured-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 12px 40px #0006;color:#e8ecff;display:block;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.blog-featured-card:before{background:linear-gradient(90deg,#e94560,#397af7);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.blog-featured-card:hover:before{transform:scaleX(1)}.blog-featured-card:hover{border-color:#e9456066;box-shadow:0 16px 50px #e9456033;transform:translateY(-4px)}.blog-featured-badge{background:linear-gradient(135deg,#e94560,#397af7);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:20px;text-transform:uppercase;top:20px}.blog-featured-card h3{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin:8px 0 12px}.blog-all-section{padding:0 20px 80px}.blog-all-section,.blog-grid{margin:0 auto;max-width:1200px}.blog-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.blog-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;box-shadow:0 10px 30px #0000004d;color:#e8ecff;display:block;padding:18px;position:relative;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.blog-card:hover{border-color:#e9456059;transform:translateY(-2px)}.blog-card h2{color:#fff;font-size:1.3rem;margin:6px 0 8px}.blog-card-summary{color:#c9d3ff;line-height:1.6;margin-bottom:10px}.blog-card-meta{align-items:center;color:#aeb8de;display:flex;font-size:.9rem;font-weight:600;gap:8px}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tags span{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:#dce6ff;font-size:.85rem;font-weight:600;padding:6px 10px}.blog-tag-separator{background:#0000!important;border:none!important;color:#aeb8de;font-size:.9rem;font-weight:400;padding:0 8px}.blog-post-cta{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.blog-developer-link{align-items:center;background:linear-gradient(135deg,#e9456033,#3982f733);border:1px solid #e9456066;border-radius:8px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.blog-developer-link:hover{background:linear-gradient(135deg,#e945604d,#3982f74d);border-color:#e9456099;box-shadow:0 8px 20px #e9456033;transform:translateY(-2px)}.blog-post-body{background:#ffffff05;border:1px solid #ffffff12;border-radius:16px;box-shadow:0 12px 38px #00000059;font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:900px;padding:40px}.blog-post-body>*{margin-bottom:1.5em;margin-top:0}.blog-post-body>:first-child{margin-top:0}.blog-post-body>:last-child{margin-bottom:0}.blog-post-body section+section{border-top:1px solid #ffffff0d;margin-top:3em;padding-top:2em}.blog-post-body h2{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:1.8em 0 .8em}.blog-post-body h2:first-child{margin-top:0}.blog-post-body h3{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.4;margin:1.5em 0 .6em}.blog-post-body h4{color:#e8ecff;font-size:1.15rem;font-weight:600;line-height:1.4;margin:1.2em 0 .5em}.blog-post-body p{color:#c9d3ff;font-size:1.05rem;line-height:1.8;margin:0 0 1.5em}.blog-post-body p:last-child{margin-bottom:0}.blog-post-body ol,.blog-post-body ul{color:#c9d3ff;line-height:1.8;margin:1.5em 0;padding-left:2em}.blog-post-body ol li,.blog-post-body ul li{margin:.8em 0;padding-left:.5em}.blog-post-body ul li::marker{color:#b9c6ff}.blog-post-body ol li::marker{color:#b9c6ff;font-weight:600}.blog-post-body strong{color:#fff;font-weight:600}.blog-post-body em{color:#dce6ff;font-style:italic}.blog-post-body a{color:#b9c6ff;text-decoration:underline;-webkit-text-decoration-color:#b9c6ff66;text-decoration-color:#b9c6ff66;transition:color .2s ease,-webkit-text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.blog-post-body a:hover{color:#fff;-webkit-text-decoration-color:#b9c6ffcc;text-decoration-color:#b9c6ffcc}.blog-post-body blockquote{background:#ffffff08;border-left:4px solid #e9456080;border-radius:8px;color:#dce6ff;font-style:italic;line-height:1.7;margin:2em 0;padding:1.5em 2em}.blog-post-body blockquote p{margin:0}.blog-post-body code{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;color:gold;font-family:Courier New,monospace;font-size:.9em;padding:.2em .4em}.blog-post-body pre{background:#0006;border:1px solid #ffffff1a;border-radius:8px;line-height:1.6;margin:2em 0;overflow-x:auto;padding:1.5em}.blog-post-body pre code{background:#0000;border:none;color:#e8ecff;display:block;font-size:.9em;padding:0}.blog-post-body table{background:#ffffff05;border:1px solid #ffffff1a;border-collapse:collapse;border-radius:8px;margin:2em 0;overflow:hidden;width:100%}.blog-post-body table thead{background:#ffffff0d}.blog-post-body table th{border-bottom:2px solid #ffffff1a;color:#fff;font-size:.95rem;font-weight:600;padding:1em 1.2em;text-align:left}.blog-post-body table td{border-bottom:1px solid #ffffff0d;color:#c9d3ff;line-height:1.6;padding:1em 1.2em}.blog-post-body table tbody tr:last-child td{border-bottom:none}.blog-post-body table tbody tr:hover{background:#ffffff08}.blog-post-body img{border-radius:8px;box-shadow:0 8px 24px #0006;height:auto;margin:2em 0;max-width:100%}.blog-post-body hr{border:none;border-top:1px solid #ffffff1a;margin:3em 0}.blog-post-body .highlight-box{background:#e945601a;border:1px solid #e945604d;border-left:4px solid #e9456099;border-radius:8px;margin:2em 0;padding:1.5em}.blog-post-body .info-box{background:#3982f71a;border:1px solid #3982f74d;border-left:4px solid #3982f799;border-radius:8px;margin:2em 0;padding:1.5em}.blog-post-body .warning-box{background:#ffc1071a;border:1px solid #ffc1074d;border-left:4px solid #ffc10799;border-radius:8px;margin:2em 0;padding:1.5em}.blog-post-body .comparison-table{margin:2em 0}.blog-post-body .comparison-table td:first-child,.blog-post-body .comparison-table th:first-child{color:#fff;font-weight:600;width:30%}.blog-post-body .seo-content-wrapper{width:100%}.blog-post-body .intro-section{margin-bottom:3em}.blog-post-body .interactive-diagram{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:2.5em 0;padding:2em}.blog-post-body .interactive-diagram h3{color:#fff;font-size:1.4rem;margin-top:0}.blog-post-body .flow-diagram{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5em}.blog-post-body .flow-step{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:1.5em;position:relative}.blog-post-body .step-number{align-items:center;background:#e9456033;border:2px solid #e9456080;border-radius:50%;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;margin-bottom:1em;width:36px}.blog-post-body .flow-step h4{color:#fff;font-size:1.1rem;margin:.5em 0}.blog-post-body .flow-step p{color:#c9d3ff;font-size:.95rem;margin:.5em 0 0}.blog-post-body .compliance-matrix{margin:2.5em 0}.blog-post-body .compliance-table{margin-top:1.5em}.blog-post-body .api-overview{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin:2.5em 0;padding:2em}.blog-post-body .api-overview h3{color:#fff;margin-top:0}.blog-post-body .endpoint-list{display:flex;flex-direction:column;gap:1em;margin-top:1.5em}.blog-post-body .endpoint-item{background:#0003;border:1px solid #ffffff1a;border-left:3px solid #e9456099;border-radius:8px;padding:1.2em}.blog-post-body .endpoint-item code{color:gold;display:block;font-size:1rem;font-weight:600;margin-bottom:.5em}.blog-post-body .endpoint-item p{color:#c9d3ff;font-size:.95rem;margin:0}.blog-post-body .retail-benefits,.blog-post-body .security-features,.blog-post-body .ticketing-features{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;margin:2em 0;padding:1.5em}.blog-post-body .retail-benefits h3,.blog-post-body .security-features h3,.blog-post-body .ticketing-features h3{color:#fff;margin-top:0}.blog-post-body .retail-benefits ul,.blog-post-body .security-features ul,.blog-post-body .ticketing-features ul{margin:1em 0 0;padding-left:1.5em}.blog-post-body .retail-benefits li,.blog-post-body .security-features li,.blog-post-body .ticketing-features li{color:#c9d3ff;margin:.8em 0}.blog-post-body .pos-integration{margin:3em 0}.blog-post-body .offline-festival,.blog-post-body .pos-integration{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:2em}.blog-post-body .offline-festival,.blog-post-body .use-cases{margin:2.5em 0}.blog-post-body .use-case-grid{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5em}.blog-post-body .use-case{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:1.5em;transition:transform .2s ease,border-color .2s ease}.blog-post-body .use-case:hover{border-color:#e9456066;transform:translateY(-2px)}.blog-post-body .use-case h4{color:#fff;font-size:1.1rem;margin-top:0}.blog-post-body .use-case p{color:#c9d3ff;font-size:.95rem;margin:.5em 0 0}.blog-post-body .comparison-section{margin:2.5em 0}.blog-post-body .feature-grid{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5em}.blog-post-body .feature-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:1.5em}.blog-post-body .feature-card h4{color:#fff;margin-top:0}.blog-post-body .integration-steps{margin:2.5em 0}.blog-post-body .step-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:1.5em;margin:2em 0;padding:1.5em}.blog-post-body .step-item .step-icon{align-items:center;background:#e9456033;border:2px solid #e9456080;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.blog-post-body .step-item .step-content{flex:1 1}.blog-post-body .step-item h4{color:#fff;margin-top:0}.blog-post-body .code-example{background:#0006;border:1px solid #ffffff1a;border-left:4px solid #e9456099;border-radius:8px;margin:2em 0;padding:1.5em}.blog-post-body .code-example pre{background:#0000;border:none;margin:0;padding:0}.blog-post-body .benefits-list{margin:2em 0}.blog-post-body .benefits-list ul{list-style:none;padding-left:0}.blog-post-body .benefits-list li{background:#ffffff05;border:1px solid #ffffff14;border-left:3px solid #e9456099;border-radius:8px;margin:.8em 0;padding:1em}.blog-post-body .benefits-list li:before{color:#e94560cc;content:"✓";font-weight:700;margin-right:.8em}.blog-post-body .api-features,.blog-post-body .compliance-features{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5em}.blog-post-body .api-feature,.blog-post-body .compliance-feature{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:1.5em}.blog-post-body .api-feature h3,.blog-post-body .compliance-feature h3{color:#fff;font-size:1.1rem;margin-top:0}.blog-post-body .api-feature p,.blog-post-body .compliance-feature p{color:#c9d3ff;margin:.5em 0}.blog-post-body .api-feature ul,.blog-post-body .compliance-feature ul{margin:1em 0 0;padding-left:1.5em}.blog-post-body .api-feature li,.blog-post-body .compliance-feature li{color:#c9d3ff;margin:.5em 0}.blog-post-body .compliance-platform,.blog-post-body .fintech-api{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin:3em 0;padding:2em}.blog-post-body .compliance-platform h2,.blog-post-body .fintech-api h2{color:#fff;margin-top:0}@media (max-width:768px){.blog-post-body{font-size:1rem;padding:24px}.blog-post-body h2{font-size:1.5rem}.blog-post-body h3{font-size:1.25rem}.blog-post-body table{font-size:.9rem}.blog-post-body table td,.blog-post-body table th{padding:.8em}.blog-post-body pre{font-size:.85rem;overflow-x:auto}}.blog-faq{margin-top:28px}.blog-faq h3{color:#fff;margin:0 0 12px}.faq-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.faq-item{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;padding:14px}.faq-item h4{color:#fff;margin:0 0 6px}.faq-item p{color:#c8d2ff;line-height:1.6;margin:0}.blog-back{align-items:center;color:#dce6ff;display:inline-flex;font-weight:700;gap:6px;margin-bottom:8px;text-decoration:none}.blog-back:hover{color:#fff}.gdpr-post ul,.privacy-post ul,.privacy-risks-list{list-style:none;padding-left:0}.gdpr-post ul li,.privacy-post ul li,.privacy-risks-list li{border-bottom:1px solid #ffffff0d;padding:12px 0 12px 32px;position:relative}.gdpr-post ul li:before,.privacy-post ul li:before,.privacy-risks-list li:before{color:#e94560;content:"→";font-weight:700;left:0;position:absolute}.gdpr-requirements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:30px 0}.gdpr-requirement-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s ease}.gdpr-requirement-card:hover{border-color:#e9456066;box-shadow:0 8px 24px #e945601a;transform:translateY(-2px)}.requirement-icon{display:inline-block;font-size:1.5rem;margin-right:8px}.gdpr-requirement-card h4{align-items:center;color:#fff;display:flex;font-size:1rem;margin:0 0 12px}.gdpr-requirement-card p{color:#c9d3ff;line-height:1.6;margin:0}.compliance-benefits{display:flex;flex-direction:column;gap:20px;margin:30px 0}.compliance-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.compliance-item:hover{border-color:#3982f766;transform:translateX(5px)}.compliance-icon{flex-shrink:0;font-size:2.5rem}.compliance-content h4{color:#fff;font-size:1.2rem;margin:0 0 10px}.compliance-content p{color:#c9d3ff;line-height:1.7;margin:0}.checklist-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.checklist-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.checklist-item:hover{border-color:#e9456066;box-shadow:0 4px 12px #e945601a}.check-icon{color:#43e97b;flex-shrink:0;font-size:1.5rem}.check-content h4{color:#fff;font-size:1.1rem;margin:0 0 12px}.check-content ul{list-style:none;margin:0;padding-left:0}.check-content ul li{color:#c9d3ff;padding:6px 0 6px 20px;position:relative}.check-content ul li:before{color:#43e97b;content:"•";font-weight:700;left:0;position:absolute}.example-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:30px 0}.example-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.example-card h4{border-bottom:2px solid #e945604d;color:#fff;font-size:1.3rem;margin:0 0 20px;padding-bottom:12px}.example-comparison{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.example-solution,.example-traditional{border-radius:8px;padding:16px}.example-traditional{background:#e945601a;border:1px solid #e9456033}.example-solution{background:#43e97b1a;border:1px solid #43e97b33}.example-solution h5,.example-traditional h5{color:#fff;font-size:1rem;margin:0 0 10px}.example-solution p,.example-traditional p{color:#c9d3ff;font-size:.9rem;line-height:1.6;margin:8px 0}.compliant-badge,.risk-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;margin-top:8px;padding:6px 12px}.risk-badge{background:#e9456033;border:1px solid #e945604d;color:#ffae94}.compliant-badge{background:#43e97b33;border:1px solid #43e97b4d;color:#43e97b}.implementation-steps{display:flex;flex-direction:column;gap:24px;margin:30px 0}.impl-step{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.impl-step:hover{border-color:#3982f766;transform:translateX(5px)}.step-number{align-items:center;background:linear-gradient(135deg,#e945604d,#3982f74d);border:2px solid #e9456080;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-details h4{color:#fff;font-size:1.2rem;margin:0 0 12px}.step-details p{color:#c9d3ff;line-height:1.7;margin:0 0 12px}.step-details ul{margin:12px 0;padding-left:24px}.step-details ul li{color:#c9d3ff;line-height:1.7;margin:8px 0}.problem-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0}.problem-item{background:#e945600d;border:1px solid #e9456033;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.problem-item:hover{box-shadow:0 8px 24px #e9456033;transform:translateY(-3px)}.problem-icon{display:block;font-size:2rem;margin-bottom:12px}.problem-item h4{color:#fff;font-size:1rem;margin:0 0 8px}.problem-item p{color:#c9d3ff;font-size:.9rem;line-height:1.5;margin:0}.two-phase-process{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.phase-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:24px;position:relative}.phase-card:before{background:linear-gradient(90deg,#e94560,#397af7);content:"";height:4px;left:0;position:absolute;right:0;top:0}.phase-header{gap:12px;margin-bottom:16px}.phase-header,.phase-number{align-items:center;display:flex}.phase-number{background:linear-gradient(135deg,#e94560,#397af7);border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;width:36px}.phase-header h3{color:#fff;font-size:1.3rem;margin:0}.phase-steps{list-style:none;margin:16px 0;padding-left:0}.phase-steps li{color:#c9d3ff;line-height:1.6;padding:10px 0 10px 32px;position:relative}.phase-steps li:before{align-items:center;background:#e945604d;border-radius:50%;color:#fff;content:counter(step-counter);counter-increment:step-counter;display:flex;font-size:.85rem;font-weight:600;height:24px;justify-content:center;left:0;position:absolute;width:24px}.phase-steps{counter-reset:step-counter}.technical-components{background:#3982f70d;border:1px solid #3982f733;border-radius:12px;margin:30px 0;padding:24px}.technical-components h3{color:#fff;font-size:1.4rem;margin:0 0 20px}.component-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.component-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.component-card h4{color:#fff;font-size:1rem;margin:0 0 8px}.component-card p{color:#c9d3ff;font-size:.9rem;line-height:1.5;margin:0}.benefits-grid,.performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:30px 0}.benefit-card,.performance-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s ease}.benefit-card:hover,.performance-item:hover{border-color:#43e97b66;box-shadow:0 8px 24px #43e97b1a;transform:translateY(-2px)}.benefit-card h4,.performance-item h4{color:#fff;font-size:1.1rem;margin:0 0 12px}.benefit-card p,.performance-item p{color:#c9d3ff;line-height:1.7;margin:0 0 12px}.benefit-card ul,.performance-item ul{margin:12px 0;padding-left:24px}.benefit-card ul li,.performance-item ul li{color:#c9d3ff;line-height:1.7;margin:6px 0}.gdpr-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s ease}.gdpr-item:hover{border-color:#3982f766;transform:translateX(5px)}.gdpr-icon{display:inline-block;font-size:1.5rem;margin-right:8px}.gdpr-item h4{align-items:center;color:#fff;display:flex;font-size:1.1rem;margin:0 0 10px}.gdpr-item p{color:#c9d3ff;line-height:1.7;margin:0}.privacy-feature{position:relative}.feature-number{align-items:center;background:linear-gradient(135deg,#e94560,#397af7);border:2px solid #ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;position:absolute;right:-10px;top:-10px;width:32px}.privacy-use-case{border-left:3px solid #e9456080;padding-left:20px}.gdpr-compliance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.crypto-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0}.crypto-feature{background:#3982f70d;border:1px solid #3982f733;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.crypto-feature:hover{border-color:#3982f766;box-shadow:0 8px 24px #3982f733;transform:translateY(-3px)}.crypto-feature h4{color:#fff;font-size:1.1rem;margin:0 0 10px}.crypto-feature p{color:#c9d3ff;font-size:.9rem;line-height:1.5;margin:0}.crypto-properties{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:24px 0}.property-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.property-item:hover{border-color:#e9456066;transform:translateX(5px)}.property-icon{flex-shrink:0;font-size:2rem}.property-item h4{color:#fff;font-size:1rem;margin:0 0 6px}.property-item p{color:#c9d3ff;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.blog-hero-section{padding:60px 20px 50px}.blog-post-hero-section{padding:60px 20px 40px}.blog-hero h1{font-size:1.9rem}.blog-hero-section .blog-hero h1{font-size:2.2rem}.blog-post-hero-content h1{font-size:2rem}.blog-hero-stats{gap:16px;grid-template-columns:repeat(2,1fr)}.blog-stat-number{font-size:1.5rem}.blog-hero-categories{gap:8px}.blog-category-tag{font-size:.8rem;padding:6px 12px}.blog-featured-grid{grid-template-columns:1fr}.blog-section-title{font-size:1.5rem}.benefits-grid,.checklist-grid,.example-comparison,.example-grid,.gdpr-requirements-grid,.performance-grid,.two-phase-process{grid-template-columns:1fr}.compliance-item,.impl-step{flex-direction:column}}.sdk-guide-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e);color:#fff;min-height:100vh;padding:0}.sdk-hero-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);overflow:hidden;padding:80px 20px;position:relative;text-align:center}.sdk-hero-section:before{background:radial-gradient(circle at 30% 50%,#e945601a 0,#0000 50%),radial-gradient(circle at 70% 50%,#0f346033 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sdk-hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.sdk-eyebrow{color:#e94560;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.sdk-hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px}.sdk-subtitle{color:#b8b8b8;font-size:20px;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:800px}.sdk-hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.sdk-btn-primary,.sdk-btn-secondary{border-radius:8px;display:inline-block;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.sdk-btn-primary{background:#e94560;color:#fff}.sdk-btn-primary:hover{background:#d63447;box-shadow:0 8px 20px #e945604d;transform:translateY(-2px)}.sdk-btn-secondary{background:#0000;border:2px solid #2a2a3e;color:#fff}.sdk-btn-secondary:hover{background:#e945601a;border-color:#e94560}.sdk-content-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:250px 1fr;margin:0 auto;max-width:1400px;padding:60px 20px}.sdk-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.sdk-nav{display:flex;flex-direction:column;gap:8px}.sdk-nav button{background:#0000;border:none;border-radius:6px;color:#b8b8b8;cursor:pointer;font-size:15px;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s ease}.sdk-nav button:hover{background:#e945601a;color:#fff}.sdk-nav button.active{background:#e9456033;border-left:3px solid #e94560;color:#e94560}.sdk-main-content{max-width:900px}.sdk-section{background:#1a1a2e99;border:1px solid #2a2a3e;border-radius:12px;margin-bottom:40px;padding:40px}.sdk-section h2{color:#fff;font-size:32px;margin-bottom:24px}.sdk-section h3{color:#fff;font-size:24px;margin-bottom:16px;margin-top:32px}.sdk-section h4{color:#e94560;font-size:18px;margin-bottom:12px;margin-top:24px}.sdk-section p{color:#b8b8b8;line-height:1.8;margin-bottom:16px}.sdk-section ol,.sdk-section ul{color:#b8b8b8;line-height:1.8;margin-bottom:24px;margin-left:24px}.sdk-section li{margin-bottom:8px}.sdk-feature-list{list-style:none;margin-left:0}.sdk-feature-list li{border-bottom:1px solid #2a2a3e;padding:12px 0}.sdk-feature-list li:last-child{border-bottom:none}.sdk-use-cases-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:32px}.sdk-use-case-card{background:#0f34604d;border:1px solid #2a2a3e;border-radius:8px;padding:24px;transition:all .3s ease}.sdk-use-case-card:hover{border-color:#e94560;box-shadow:0 8px 24px #e9456033;transform:translateY(-4px)}.sdk-use-case-card h4{color:#e94560;font-size:18px;margin-bottom:12px}.sdk-use-case-card p{color:#b8b8b8;font-size:14px;line-height:1.6;margin:0}.sdk-use-case-detail{background:#0f346033;border-left:4px solid #e94560;border-radius:8px;margin-bottom:32px;padding:24px}.sdk-use-case-detail h3{color:#e94560;margin-top:0}.sdk-use-case-detail ul{margin-top:16px}.sdk-code-block{background:#0a0a14;border:1px solid #2a2a3e;border-radius:8px;margin:24px 0;overflow:hidden}.sdk-code-header{align-items:center;background:#1a1a2e;border-bottom:1px solid #2a2a3e;display:flex;justify-content:space-between;padding:12px 16px}.sdk-code-header span{color:#b8b8b8;font-size:12px;letter-spacing:1px;text-transform:uppercase}.sdk-code-header button{background:#e9456033;border:1px solid #e94560;border-radius:4px;color:#e94560;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.sdk-code-header button:hover{background:#e945604d}.sdk-code-block pre{margin:0;overflow-x:auto;padding:20px}.sdk-code-block code{color:#e6e6e6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}.sdk-api-method{background:#0f346033;border-left:4px solid #0f3460;border-radius:8px;margin-bottom:24px;padding:24px}.sdk-api-method h4{color:#e94560;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-top:0}.sdk-warning{background:#e945601a;border:1px solid #e94560;border-radius:8px;color:#fff;margin:24px 0;padding:16px}.sdk-warning strong{color:#e94560}.sdk-footer-cta{background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:1px solid #2a2a3e;padding:80px 20px;text-align:center}.sdk-footer-cta h2{color:#fff;font-size:36px;margin-bottom:16px}.sdk-footer-cta p{color:#b8b8b8;font-size:18px;margin-bottom:32px}.sdk-footer-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:1024px){.sdk-content-wrapper{grid-template-columns:1fr}.sdk-sidebar{margin-bottom:40px;position:static}.sdk-nav{flex-direction:row;overflow-x:auto;padding-bottom:8px}.sdk-nav button{white-space:nowrap}}@media (max-width:768px){.sdk-hero-content h1{font-size:32px}.sdk-subtitle{font-size:16px}.sdk-section{padding:24px}.sdk-section h2{font-size:24px}.sdk-use-cases-grid{grid-template-columns:1fr}}.wp-attack-notice{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#0f0f1e);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.wp-attack-notice:before{background:radial-gradient(circle at 20% 30%,#22d3ee0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#06b6d40a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.notice-container{animation:slideIn .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f172acc;border:1px solid #22d3ee26;border-radius:20px;box-shadow:0 25px 70px #000000b3,inset 0 1px 0 #22d3ee1a;max-width:960px;overflow:hidden;position:relative;width:100%;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notice-header{background:linear-gradient(180deg,#22d3ee14,#06b6d40a);border-bottom:1px solid #22d3ee1f;padding:48px 40px;position:relative}.header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.logo-section{gap:24px}.logo-section,.security-badge{align-items:center;display:flex}.security-badge{background:linear-gradient(135deg,#22d3ee26,#06b6d41a);border:1.5px solid #22d3ee4d;border-radius:16px;box-shadow:0 8px 32px #22d3ee1f;flex-shrink:0;height:72px;justify-content:center;width:72px}.header-text h1.notice-title{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.notice-subtitle{color:#ffffffa6;font-size:15px;font-weight:500;letter-spacing:.5px;margin:12px 0 0}.reference-number{text-align:right}.ref-label{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase}.ref-value{color:#22d3ee;font-family:Monaco,Courier New,monospace;font-size:20px;font-weight:600;letter-spacing:2px;margin-top:6px}.header-divider{background:linear-gradient(90deg,#0000,#22d3ee33 50%,#0000);height:1px;margin-left:-40px;margin-right:-40px;margin-top:32px}.notice-content{color:#ffffffe0;padding:48px 40px}.alert-banner{align-items:flex-start;background:#22d3ee14;border-left:4px solid #22d3ee;border-radius:12px;box-shadow:0 4px 16px #22d3ee14;display:flex;gap:16px;margin-bottom:40px;padding:20px 24px}.alert-banner svg{color:#22d3ee;flex-shrink:0;height:24px;margin-top:2px;width:24px}.alert-banner p{font-size:15px;line-height:1.7;margin:0}.section-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:12px;letter-spacing:-.3px;margin:0 0 24px;text-transform:none}.warning-title{color:#fbbf24}.consequences-list,.details-grid,.info-list{background:#ffffff0a;border:1px solid #22d3ee1a;border-radius:12px;padding:24px}.details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-label{color:#ffffff8c;font-size:12px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.consequence-text,.detail-value,.info-text{color:#ffffffe6;font-size:15px;line-height:1.6}.code-value{background:#22d3ee14;border:1px solid #22d3ee33;border-radius:8px;color:#22d3ee;font-family:Monaco,monospace;font-size:14px;padding:10px 14px;word-break:break-all}.status-badge{align-self:flex-start;background:#22d3ee1f;border:1px solid #22d3ee40;border-radius:6px;color:#22d3ee;font-size:13px;font-weight:600;padding:6px 12px}.consequence-item,.info-item{border-bottom:1px solid #ffffff0d;display:flex;gap:20px;padding:20px 0}.consequence-item:last-child,.info-item:last-child{border-bottom:none;padding-bottom:0}.consequence-number,.info-icon{align-items:center;background:#22d3ee14;border-radius:10px;color:#22d3ee;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.consequence-number{background:#fbbf241f;border:1.5px solid #fbbf2440;color:#fbbf24;font-size:16px;font-weight:700}.footer-note,.legal-section{border-radius:12px;display:flex;gap:16px;margin:40px 0;padding:24px}.legal-section{background:#fbbf2414;border:1px solid #fbbf2426;border-left:4px solid #fbbf24}.footer-note{background:#22d3ee14;border:1px solid #22d3ee26;border-left:4px solid #22d3ee}.footer-note-icon,.legal-badge{align-items:center;background:#fbbf2426;border-radius:10px;color:#fbbf24;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.footer-note-icon{background:#22d3ee26;color:#22d3ee}.footer-note p,.legal-section p{font-size:14px;line-height:1.6;margin:0}.notice-footer{align-items:center;background:#ffffff05;border-top:1px solid #22d3ee1a;color:#ffffff8c;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;justify-content:space-between;padding:20px 40px}.footer-right:before{animation:pulse 2.5s ease-in-out infinite;color:#22d3ee;content:"●";display:inline-block;font-size:8px;margin-right:8px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:768px){.notice-content,.notice-footer,.notice-header{padding:32px 24px}.header-top{align-items:flex-start;flex-direction:column}.reference-number{text-align:left;width:100%}.details-grid{grid-template-columns:1fr}.header-divider{margin-left:-24px;margin-right:-24px}}@media (max-width:480px){.wp-attack-notice{padding:20px 12px}.notice-content,.notice-footer,.notice-header{padding:24px 16px}.notice-title{font-size:28px}.security-badge{height:64px;width:64px}.footer-note,.legal-section{flex-direction:column}.footer-right{text-align:center;width:100%}}.zk-cookies-page{background:linear-gradient(180deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;padding:3rem 0}.zk-cookies-container{margin:0 auto;max-width:900px;padding:0 2rem}.zk-cookies-header{margin-bottom:3rem}.back-link{align-items:center;color:#b8b8b8;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1.5rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#e94560}.header-content{text-align:center}.beta-badge{align-items:center;background:#ffc1071f;border:1px solid #ffc10733;border-radius:10px;color:#ffc107;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:1px;margin-bottom:1rem;padding:.55rem .9rem;text-transform:uppercase}.header-icon{color:#e94560;font-size:3rem;margin-bottom:1rem}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b8b8b8);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#b8b8b8;font-size:1.5rem;font-weight:300;margin:.5rem 0}.description{color:#b8b8b8;font-size:1.1rem;line-height:1.8;margin:1rem auto;max-width:800px}.zk-cookies-content{display:flex;flex-direction:column;gap:2rem}.zk-info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 40px #00000059;padding:3rem}.info-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.info-icon{color:#e94560;font-size:2rem}.info-header h3{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.info-content{display:flex;flex-direction:column;gap:1rem}.info-content p{color:#b8b8b8;line-height:1.8;margin:0}.info-content strong{color:#fff;font-weight:700}.zk-demo-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 40px #00000059;padding:3rem}.demo-card h3{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;gap:1rem;margin:0 0 2rem}.demo-icon{color:#e94560;font-size:1.75rem}.input-group{margin-bottom:1.5rem}.input-group label{color:#fff;display:block;font-weight:600;margin-bottom:.5rem}.input-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:Monaco,Courier New,monospace;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.input-group textarea:focus{background:#ffffff14;border-color:#e94560;outline:none}.input-group textarea::placeholder{color:#b8b8b880}.button-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--highlight-color);box-shadow:0 4px 12px #e945604d;color:var(--text-primary)}.btn-primary:hover:not(:disabled){background:#d63a52;box-shadow:0 8px 20px #e9456066;transform:translateY(-3px)}.btn-secondary{background:#28a745;box-shadow:0 4px 12px #28a7454d;color:#fff}.btn-secondary:hover:not(:disabled){background:#218838;box-shadow:0 8px 20px #28a74566;transform:translateY(-3px)}.btn-danger{background:#dc3545;box-shadow:0 4px 12px #dc35454d;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 8px 20px #dc354566;transform:translateY(-3px)}.btn-link{background:#0000;color:#e94560;font-size:.9rem;padding:.5rem 1rem}.btn-link:hover{text-decoration:underline}.zk-status{background:#ffffff0d;border:1px solid #ffffff1a;border-left:4px solid #e94560;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.status-item{align-items:center;color:#b8b8b8;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.status-item:last-child{margin-bottom:0}.status-item strong{color:#fff;font-weight:700;min-width:120px}.status-item.success,.status-item.success strong{color:#28a745}.status-item.error,.status-item.error strong{color:#dc3545}.hash-display{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#dce6ff;font-family:Monaco,Courier New,monospace;font-size:.9rem;padding:.5rem 1rem;word-break:break-all}.cookie-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.cookie-info p{align-items:center;color:#dce6ff;display:flex;gap:.5rem;margin:0 0 .5rem}.zk-technical-details{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 40px #00000059;padding:3rem}.zk-technical-details h3{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem}.tech-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-card{background:#e945601a;border:1px solid #e9456033;border-radius:12px;box-shadow:0 5px 15px #00000040;color:#fff;padding:1.5rem;transition:all .3s ease}.tech-card:hover{border-color:#e9456066;box-shadow:0 10px 25px #e9456033;transform:translateY(-5px)}.tech-card h4{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.tech-card p{color:#b8b8b8;font-size:.9rem;margin:0;opacity:.9}@media (max-width:768px){.zk-cookies-page{padding:2rem 0}.zk-cookies-container{padding:0 1.5rem}.header-content h1{font-size:2rem}.subtitle{font-size:1.2rem}.description{font-size:1rem}.zk-demo-section,.zk-info-card,.zk-technical-details{padding:2rem 1.5rem}.button-group{flex-direction:column}.btn{justify-content:center;width:100%}.tech-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.e3f68b62.css.map*/