@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1A1625;--bg-elevated: #221E2E;--card: rgba(34, 30, 46, .6);--card-hover: rgba(40, 36, 54, .7);--border: rgba(163, 200, 240, .1);--border-hover: rgba(163, 200, 240, .2);--text: #E0DDE8;--text-secondary: #AAA4BE;--text-muted: #6E6882;--text-dim: #6E6882;--accent: #A3C8F0;--accent-hover: #B8D6F5;--accent-glow: rgba(163, 200, 240, .2);--accent-dim: rgba(163, 200, 240, .08);--input-bg: rgba(26, 22, 37, .6);--danger: #F0A0B0;--danger-hover: #F5B0BE;--success: #90D8A0;--success-hover: #A0E0B0;--warning: #F0D888;--purple: #C9A0E8;--gold: #F0D860;--pink: #FFDBE5;--yellow: #FFF4CE;--light-blue: #A3C8F0;--medium-blue: #8CB7E5;--ease-out: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-cubic: cubic-bezier(.34, 1.3, .64, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--font-body: "Comfortaa", sans-serif;--font-heading: "Comfortaa", sans-serif;--shadow-card: 0 2px 12px rgba(0, 0, 0, .2);--shadow-card-hover: 0 8px 28px rgba(0, 0, 0, .3);--radius: 20px;--radius-sm: 14px;--radius-lg: 24px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover);text-decoration:none}a.btn,a.btn:hover{color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a3c8f026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a3c8f040}::selection{background:#a3c8f04d;color:#fff}::-moz-selection{background:#a3c8f04d;color:#fff}.layout{max-width:1100px;margin:0 auto;padding:0 2rem 60px;position:relative;z-index:1;min-height:100vh}.layout-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle 400px at 85% 5%,rgba(163,200,240,.08) 0%,transparent 100%),radial-gradient(circle 350px at 10% 80%,rgba(255,219,229,.06) 0%,transparent 100%),radial-gradient(circle 300px at 50% 50%,rgba(255,244,206,.04) 0%,transparent 100%)}.layout-orb{display:none}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;margin-bottom:36px;border-bottom:1px solid rgba(163,200,240,.08);position:sticky;top:0;background:#1a1625bf;z-index:100;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}.nav-brand{display:flex;align-items:center;text-decoration:none;transition:transform .3s var(--ease-bounce)}.nav-brand:hover{text-decoration:none;transform:scale(1.05)}.nav-logo{height:120px;width:auto;margin:-40px 0}.nav-links{display:flex;gap:4px;align-items:center}.nav-links a,.nav-btn{color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:600;padding:7px 14px;border-radius:100px;transition:color .2s,background .2s,transform .2s var(--ease-bounce);letter-spacing:.01em;background:none;border:none;cursor:pointer;text-decoration:none}.nav-links a:hover,.nav-btn:hover{color:#fff;background:#a3c8f01a;text-decoration:none;transform:translateY(-1px)}.nav-links a.active{color:#fff;background:#a3c8f01f}.nav-btn:hover{color:var(--danger)!important;background:#f0a0b01a}.nav-separator{width:1px;height:16px;background:var(--border);margin:0 6px;flex-shrink:0}.nav-user{display:flex;align-items:center;gap:8px;margin-right:4px;padding:5px 14px;background:#a3c8f00f;border:1px solid rgba(163,200,240,.1);border-radius:100px;font-size:12px;color:var(--text-secondary)}.nav-user .nav-username{color:#fff;font-weight:700}.nav-bubble-expired{border-color:#e88b9a4d;background:#e88b9a14}.nav-bubble-day{border-color:#8cb7e54d;background:#8cb7e514;box-shadow:0 0 8px #8cb7e526}.nav-bubble-week{border-color:#8cb7e566;background:#8cb7e51a;box-shadow:0 0 12px #8cb7e533;animation:bubble-pulse-week 3s ease-in-out infinite}.nav-bubble-month{position:relative;border-color:#7bc88f66;background:#7bc88f14;box-shadow:0 0 14px #7bc88f33,inset 0 0 12px #7bc88f0f;animation:bubble-pulse-month 2.5s ease-in-out infinite;overflow:visible}.nav-bubble-month:before,.nav-bubble-month:after{content:"";position:absolute;border-radius:50%;background:var(--success);animation:sparkle 2.5s ease-in-out infinite;pointer-events:none}.nav-bubble-month:before{width:3px;height:3px;top:-2px;right:12px;animation-delay:0s}.nav-bubble-month:after{width:2px;height:2px;bottom:-1px;left:16px;animation-delay:1.2s}.nav-bubble-lifetime{position:relative;border:1px solid transparent;background-clip:padding-box;box-shadow:0 0 18px #c9a0e840,0 0 6px #ffdbe533,inset 0 0 14px #c9a0e80f;animation:bubble-glow-lifetime 3s ease-in-out infinite;overflow:visible}.nav-bubble-lifetime:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:100px;padding:1px;background:linear-gradient(135deg,#c9a0e899,#ffdbe580,#a3c8f099);background-size:200% 200%;animation:gradient-rotate 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.nav-bubble-lifetime .nav-username{position:relative;z-index:1;background:linear-gradient(135deg,#c9a0e8,#ffdbe5,#a3c8f0);background-size:200% 200%;animation:gradient-rotate 4s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-bubble-lifetime .lt-star{position:absolute;top:-7px;right:-7px;width:8px;height:8px;pointer-events:none;animation:star-twinkle 3s ease-in-out infinite}.nav-bubble-lifetime .lt-star:before,.nav-bubble-lifetime .lt-star:after{content:"";position:absolute;background:linear-gradient(135deg,#c9a0e8,#ffdbe5);border-radius:1px}.nav-bubble-lifetime .lt-star:before{width:1.5px;height:8px;top:0;left:3.25px}.nav-bubble-lifetime .lt-star:after{width:8px;height:1.5px;top:3.25px;left:0}@keyframes star-twinkle{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes bubble-pulse-week{0%,to{box-shadow:0 0 10px #8cb7e526}50%{box-shadow:0 0 16px #8cb7e54d}}@keyframes bubble-pulse-month{0%,to{box-shadow:0 0 12px #7bc88f26,inset 0 0 12px #7bc88f0a}50%{box-shadow:0 0 20px #7bc88f4d,inset 0 0 14px #7bc88f14}}@keyframes bubble-glow-lifetime{0%,to{box-shadow:0 0 16px #c9a0e833,0 0 6px #ffdbe526}50%{box-shadow:0 0 24px #c9a0e859,0 0 10px #ffdbe540}}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1)}40%{opacity:.6;transform:scale(.8)}60%{opacity:1;transform:scale(1.2)}80%{opacity:0;transform:scale(0)}}.page{animation:slideUp .4s var(--ease-cubic) both}.card-stagger>*{opacity:0;animation:cardEnter .45s var(--ease-cubic) forwards}.card-stagger>*:nth-child(1){animation-delay:0ms}.card-stagger>*:nth-child(2){animation-delay:50ms}.card-stagger>*:nth-child(3){animation-delay:.1s}.card-stagger>*:nth-child(4){animation-delay:.15s}.card-stagger>*:nth-child(5){animation-delay:.2s}.card-stagger>*:nth-child(6){animation-delay:.25s}.card-stagger>*:nth-child(7){animation-delay:.3s}.card-stagger>*:nth-child(8){animation-delay:.35s}.card-stagger>*:nth-child(n+9){animation-delay:.4s}.card{background:var(--card);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:12px;transition:border-color .25s,background .25s,box-shadow .25s;box-shadow:var(--shadow-card)}.card-hover{cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s,transform .3s var(--ease-bounce)}.card-hover:hover{background:var(--card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.card-title{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:16px;letter-spacing:.08em}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;padding:11px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .2s,box-shadow .2s}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%236E6E8E' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-select option{background:var(--card);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border:none;border-radius:100px;font-size:13px;font-family:var(--font-body);font-weight:700;cursor:pointer;letter-spacing:.02em;position:relative;-webkit-user-select:none;user-select:none;transition:all .25s var(--ease-bounce)}.btn:active:not(:disabled){transform:scale(.95);transition-duration:80ms}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#a3c8f0,#8cb7e5);color:#1a1625;font-weight:700}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#b8d6f5,#a3c8f0);box-shadow:0 4px 18px #a3c8f04d;transform:translateY(-2px)}.btn-danger{background:#e88b9a1f;color:var(--danger);border:1px solid rgba(232,139,154,.2)}.btn-danger:hover:not(:disabled){background:#e88b9a33;border-color:#e88b9a59;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--border-hover);background:#8cb7e50f;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){color:var(--text);background:#8cb7e514}.btn-sm{padding:6px 12px;font-size:12px}.btn-block{width:100%}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px 20px 160px;position:relative;background:var(--bg);overflow:hidden}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle 400px at 15% 25%,rgba(163,200,240,.1) 0%,transparent 100%),radial-gradient(circle 350px at 85% 75%,rgba(255,219,229,.08) 0%,transparent 100%),radial-gradient(circle 300px at 60% 30%,rgba(255,244,206,.05) 0%,transparent 100%)}.auth-orb{display:none}.auth-card{background:#221e2eb3;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(163,200,240,.12);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;position:relative;z-index:1;animation:scaleUp .5s var(--ease-cubic) both;box-shadow:0 8px 40px #0000004d}.auth-title{font-family:var(--font-heading);font-size:24px;font-weight:700;text-align:center;margin-bottom:6px;letter-spacing:.02em;color:#fff}.auth-subtitle{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:32px;font-weight:400}.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--text-muted)}.auth-input-wrap{position:relative}.auth-input-icon{display:none}.msg{padding:10px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:12px;animation:cardEnter .3s var(--ease-bounce) both}.msg-error{background:#e88b9a1a;border:1px solid rgba(232,139,154,.2);color:var(--danger)}.msg-success{background:#7bc88f1a;border:1px solid rgba(123,200,143,.2);color:var(--success)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.03em}.badge-active{background:#7bc88f1f;color:var(--success);border:1px solid rgba(123,200,143,.2)}.badge-warning{background:#e8c76a1f;color:var(--warning);border:1px solid rgba(232,199,106,.2)}.badge-expired,.badge-banned{background:#e88b9a1f;color:var(--danger);border:1px solid rgba(232,139,154,.2)}.badge-replied{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(140,183,229,.2)}.badge-closed{background:#a0a0be14;color:var(--text-muted);border:1px solid rgba(160,160,190,.15)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-active{background:var(--success);box-shadow:0 0 6px #7bc88f80;animation:statusPulse 2s var(--ease-in-out) infinite}.status-dot-expired{background:var(--danger);box-shadow:0 0 4px #e88b9a4d}.status-dot-inactive{background:var(--text-muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:700;font-size:11px;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid rgba(140,183,229,.08);white-space:nowrap;transition:background .15s;color:var(--text-secondary)}tr:hover td{background:#ffffff05;color:var(--text)}tr:last-child td{border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--card);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .25s,box-shadow .25s,transform .3s var(--ease-bounce)}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-label{font-size:11px;color:var(--text-muted);letter-spacing:.06em;margin-bottom:4px;font-weight:700}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.5px;color:#fff}.announcement{padding:16px 0;border-bottom:1px solid rgba(140,183,229,.08)}.announcement:last-child{border-bottom:none;padding-bottom:0}.announcement-title{font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text)}.announcement-date{font-size:12px;color:var(--text-muted);margin-bottom:8px}.announcement-content{font-size:14px;color:var(--text-secondary);line-height:1.6}.key-list{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;margin-top:12px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.8;-webkit-user-select:all;user-select:all;word-break:break-all;color:var(--text)}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px}.pagination-info{font-size:13px;color:var(--text-muted);margin:0 12px}.loading{text-align:center;padding:40px;color:var(--text-muted);font-size:14px;animation:loadingPulse 1.5s var(--ease-in-out) infinite}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:#ffffff0a;border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 40%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.03) 60%,transparent 100%);animation:shimmer 1.8s var(--ease-in-out) infinite}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:200px}.actions{display:flex;gap:6px}.progress-track{width:100%;height:4px;border-radius:4px;background:#ffffff0f;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .5s var(--ease-out);position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s linear infinite}.progress-fill.done{background:var(--success)}.progress-fill.done:after{animation:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 50%),rgba(255,255,255,.08) var(--progress, 50%),rgba(255,255,255,.08) 100%);transition:opacity .15s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:3px solid var(--accent);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #8cb7e54d;transition:box-shadow .2s,transform .2s var(--ease-bounce)}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--accent-glow),0 2px 8px #8cb7e54d;transform:scale(1.1)}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.2);box-shadow:0 0 0 6px var(--accent-glow),0 2px 8px #8cb7e54d}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#fff;border:3px solid var(--accent);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #8cb7e54d;transition:box-shadow .2s}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 4px var(--accent-glow),0 2px 8px #8cb7e54d}input[type=range]::-moz-range-track{height:6px;background:#ffffff14;border-radius:3px;border:none}input[type=range]::-moz-range-progress{height:6px;background:var(--accent);border-radius:3px}.divider{border:none;height:1px;background:var(--border);margin:16px 0}.dash-welcome{font-size:15px;color:var(--text-secondary)}.dash-welcome strong{color:#fff;font-weight:700}.dash-stat-label{font-size:11px;color:var(--text-muted);letter-spacing:.06em;margin-bottom:4px;font-weight:700}.dash-stat-value{font-size:16px;font-weight:700;color:#fff}.dash-stat-value.active{color:var(--success)}.dash-stat-value.expired{color:var(--danger)}.dash-stat-value.muted{color:var(--text-muted)}.dash-grid{display:grid;gap:12px;margin-bottom:12px}.dash-grid-3{grid-template-columns:repeat(3,1fr)}.dash-grid-2{grid-template-columns:repeat(2,1fr)}.dash-action-card{display:block;background:var(--card);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease-bounce);cursor:pointer}.dash-action-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.dash-action-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:6px}.dash-action-desc{font-size:13px;color:var(--text-muted);margin:0}.badge-inline{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.04em}.badge-inline.active{background:#7bc88f1f;color:var(--success);border:1px solid rgba(123,200,143,.2)}.badge-inline.expired{background:#e88b9a1f;color:var(--danger);border:1px solid rgba(232,139,154,.2)}.badge-inline.inactive{background:#a0a0be14;color:var(--text-muted);border:1px solid rgba(160,160,190,.15)}.changelog-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.changelog-date{font-size:12px;color:var(--text-muted)}.changelog-content{font-size:14px;color:var(--text-secondary);line-height:1.6}.slider-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.slider-value{font-size:13px;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.slider-desc{font-size:12px;color:var(--text-muted);margin-top:6px;display:block}.step-list{list-style:none;padding:0}.step-list li{padding:8px 0;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:12px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:12px;font-weight:700;flex-shrink:0}.connected-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;background:#7bc88f1a;color:var(--success);border:1px solid rgba(123,200,143,.2)}.warning-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0d88814;border:1px solid rgba(240,216,136,.15);border-radius:var(--radius);font-size:13px;color:var(--warning)}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#e88b9a1a;border:1px solid rgba(232,139,154,.2);border-radius:var(--radius);font-size:13px;color:var(--danger)}.section-heading{font-size:18px;font-weight:700;color:#fff;letter-spacing:.02em}.section-sub{font-size:13px;color:var(--text-muted);font-weight:400}@keyframes cardEnter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 6px #7bc88f80}50%{opacity:.6;box-shadow:0 0 12px #7bc88f33}}@keyframes toastEnter{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) scale(.95)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@keyframes spin{to{transform:rotate(360deg)}}.landing{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle 450px at 10% 10%,rgba(163,200,240,.1) 0%,transparent 100%),radial-gradient(circle 380px at 90% 30%,rgba(255,219,229,.08) 0%,transparent 100%),radial-gradient(circle 400px at 30% 70%,rgba(255,244,206,.06) 0%,transparent 100%),radial-gradient(circle 300px at 75% 80%,rgba(201,160,232,.06) 0%,transparent 100%)}.landing-orb{display:none}.landing>*:not(.landing-bg){position:relative;z-index:1}.btn-glass{background:#a3c8f00f;color:var(--text);border:1px solid rgba(163,200,240,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-glass:hover:not(:disabled){background:#a3c8f01f;border-color:#a3c8f033;color:#fff}a.btn-glass{color:var(--text)}a.btn-glass:hover{color:#fff}.landing-btn-lg{padding:13px 32px;font-size:14px;border-radius:100px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 2rem;max-width:1100px;width:100%;margin:0 auto}.landing-nav-links{display:flex;align-items:center;gap:20px}.landing-nav-links a:not(.btn){color:var(--text-secondary);font-size:13px;font-weight:600;transition:color .2s}.landing-nav-links a:not(.btn):hover{color:var(--text)}.landing-container{max-width:1100px;margin:0 auto;padding:0 2rem;width:100%}.landing-hero{display:flex;align-items:center;justify-content:center;padding:60px 2rem 20px;text-align:center}.landing-hero-content{max-width:550px}.landing-logo{max-width:460px;width:100%;height:auto;margin-bottom:16px;filter:drop-shadow(0 8px 24px rgba(163,200,240,.2))}.landing-pill{display:inline-block;padding:6px 18px;border-radius:100px;font-size:13px;font-weight:700;color:var(--accent);background:#8cb7e51f;border:1px solid rgba(140,183,229,.2);margin-bottom:24px}.landing-title{font-size:clamp(4rem,12vw,7rem);font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:16px;background:linear-gradient(160deg,var(--medium-blue) 20%,var(--pink) 60%,var(--yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-desc{font-size:17px;color:var(--text-secondary);line-height:1.7;margin-bottom:0;font-weight:600}.landing-cta{display:flex;gap:12px;justify-content:center}.landing-strip{padding:20px 0}.landing-features{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 28px;background:#a3c8f00f;border:1px solid rgba(163,200,240,.1);border-radius:100px;width:fit-content;margin:0 auto}.landing-feature-word{font-size:13px;font-weight:700;color:var(--text-secondary);letter-spacing:.02em}.landing-feature-word+.landing-feature-word:before{content:"·";margin-right:12px;color:var(--text-muted);font-weight:400}.landing-video{max-width:800px;margin:0 auto;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;border:1px solid rgba(140,183,229,.15);box-shadow:0 8px 40px #8cb7e51f}.landing-video iframe{width:100%;height:100%;border:none}.landing-section{padding:36px 0}.landing-section-header{text-align:center;margin-bottom:28px}.landing-section-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.landing-section-sub{font-size:14px;color:var(--text-muted)}.landing-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-plan{background:var(--card);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease-bounce)}.landing-plan:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.landing-plan.popular{border-color:#ffdbe533;background:linear-gradient(160deg,#fff4ce0f,#ffdbe50f,#a3c8f00a)}.landing-plan.popular:hover{border-color:#ffdbe559;box-shadow:0 8px 32px #ffdbe51a,0 4px 12px #0003}.landing-plan-badge{position:absolute;top:-10px;padding:4px 14px;border-radius:100px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ffdbe5,#a3c8f0)}.landing-plan-name{font-size:14px;font-weight:700;color:var(--text-secondary);margin-bottom:16px}.landing-plan-price{display:flex;align-items:flex-start;margin-bottom:4px}.landing-plan-currency{font-size:18px;font-weight:700;color:var(--text-muted);margin-top:6px;margin-right:2px}.landing-plan-amount{font-size:48px;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1}.landing-plan-period{font-size:13px;color:var(--text-muted);margin-bottom:8px}.landing-plan-desc{font-size:12px;color:var(--text-muted);margin-bottom:24px;flex:1}.landing-plan-btn{width:100%;border-radius:100px}.landing-bottom-cta{text-align:center;padding:60px 40px;background:var(--card);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius-lg)}.landing-bottom-cta-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.landing-bottom-cta-desc{font-size:14px;color:var(--text-muted);margin-bottom:28px}.faq-list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--card);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.faq-q{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px}.faq-a{font-size:13px;color:var(--text-muted);line-height:1.6}.landing-footer{margin-top:auto;border-top:1px solid var(--border);padding:24px 0}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-logo{height:90px;width:auto;opacity:.6;transition:opacity .2s}.footer-logo:hover{opacity:.9}.landing-footer-brand{font-size:14px;font-weight:800;color:var(--text-muted);letter-spacing:.08em}.landing-footer-links{display:flex;gap:24px}.landing-footer-links a{font-size:13px;color:var(--text-muted);transition:color .2s}.landing-footer-links a:hover{color:var(--text)}@media(max-width:900px){.landing-plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-features{flex-wrap:wrap;gap:8px;border-radius:var(--radius)}.landing-plans{grid-template-columns:1fr;max-width:360px;margin:0 auto}.landing-cta{flex-direction:column;align-items:center}.landing-footer-inner{flex-direction:column;gap:16px;text-align:center}.landing-bottom-cta{padding:40px 24px}.landing-logo{max-width:340px}}.status-list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.status-card{background:var(--card);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.status-card-left{display:flex;align-items:center;gap:12px}.status-card-name{font-size:14px;font-weight:700;color:#fff}.status-card-label{font-size:13px;color:var(--success);font-weight:600}.status-updates{max-width:680px;margin:0 auto}.status-updates-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:32px 0}.changelog-list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.changelog-entry{background:var(--card);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.changelog-entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.changelog-entry-title{font-size:14px;font-weight:700;color:#fff}.changelog-entry-date{font-size:12px;color:var(--text-muted)}.changelog-entry-desc{font-size:13px;color:var(--text-muted);line-height:1.6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.nav-user{display:none}.dash-grid-3,.dash-grid-2{grid-template-columns:1fr}}@media(max-width:600px){.auth-card{padding:28px 20px}.card{padding:18px}.nav{flex-direction:column;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center}.nav-separator{display:none}.stats-grid{grid-template-columns:1fr 1fr}.row>*{min-width:100%}}
