@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(https://static.nexyonn.com/assets/manrope-cyrillic-ext-wght-normal-C8S-KRRz.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(https://static.nexyonn.com/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(https://static.nexyonn.com/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(https://static.nexyonn.com/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(https://static.nexyonn.com/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(https://static.nexyonn.com/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(https://static.nexyonn.com/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(https://static.nexyonn.com/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(https://static.nexyonn.com/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #08080A;--bg-elevated: #101014;--bg-card: #131317;--bg-card-hover: #1A1A20;--sidebar-bg: rgba(12, 12, 15, .72);--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .16);--text: #FAFAFA;--text-secondary: rgba(255, 255, 255, .56);--text-tertiary: rgba(255, 255, 255, .34);--accent: #FFFFFF;--on-accent: #0A0A0B;--accent-soft: rgba(255, 255, 255, .1);--accent-ring: rgba(255, 255, 255, .22);--green: #4ADE80;--green-bg: rgba(74, 222, 128, .12);--red: #F87171;--red-bg: rgba(248, 113, 113, .12);--yellow: #FBBF24;--yellow-bg: rgba(251, 191, 36, .12);--glow-white: 0 0 24px rgba(255, 255, 255, .1);--shadow-card: 0 12px 36px -14px rgba(0, 0, 0, .72);--shadow-card-hover: 0 26px 64px -20px rgba(0, 0, 0, .82);--btn-edge: transparent;--btn-glow: inset 0 2px 8px -4px rgba(255, 255, 255, .55), 0 0 70px rgba(255, 255, 255, .07);--btn-glow-hover: inset 0 2px 9px -4px rgba(255, 255, 255, .75), 0 0 85px rgba(255, 255, 255, .13);--ambient-1: rgba(99, 130, 255, .07);--ambient-2: rgba(56, 224, 178, .055);--ambient-3: rgba(150, 110, 255, .05);--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--sidebar-w: 268px;--font: "Manrope Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk Variable", "Manrope Variable", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}a{color:var(--text);text-decoration:none}::selection{background:#ffffff2e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}::-webkit-scrollbar-track{background:transparent}.particles-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(58% 48% at 12% -4%,var(--ambient-1),transparent 60%),radial-gradient(48% 46% at 102% 14%,var(--ambient-2),transparent 58%),radial-gradient(62% 58% at 50% 116%,var(--ambient-3),transparent 62%);animation:ambient-drift 26s ease-in-out infinite}@keyframes ambient-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-1.5%,0) scale(1.04)}}.app{position:relative;z-index:1;display:flex;align-items:flex-start;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;position:sticky;top:0;height:100vh;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;gap:4px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;margin-top:18px;flex:1}.sidebar-link{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:18px;font-weight:500;transition:background .18s,color .18s,transform .18s}.sidebar-link:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:56%;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#fff,#ffffff80);box-shadow:0 0 12px #fff9;transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar-link:hover{background:#ffffff0a;color:var(--text)}.sidebar-link-active{background:#ffffff14;color:var(--text)}.sidebar-link-active:before{transform:translateY(-50%) scaleY(1)}.sidebar-link svg{width:18px;height:18px;flex-shrink:0;opacity:.9;transition:transform .18s}.sidebar-link:hover svg{transform:translate(1px) scale(1.06)}.status-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:var(--bg-card)}.status-row{display:flex;align-items:center;gap:8px}.status-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--green);animation:status-ping 2.2s ease-out infinite}@keyframes status-ping{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(2.6);opacity:0}}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0a0a0ca6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:20}.topbar-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions .topbar-action{width:auto;flex:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;white-space:nowrap;border:1px solid var(--btn-edge);box-shadow:var(--btn-glow);transition:border-color .18s,box-shadow .22s,transform .12s}.topbar-actions .topbar-action:hover{box-shadow:var(--btn-glow-hover);transform:translateY(-1px)}.channel-banner{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.channel-banner-ic{flex-shrink:0}.channel-banner-text{flex:1;min-width:0}.channel-banner .channel-banner-btn{width:auto;padding:10px 18px;flex-shrink:0}.content{padding:28px;max-width:1080px;width:100%}.page-enter{animation:page-enter .42s cubic-bezier(.22,1,.36,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.container{width:100%}.hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);padding:26px 26px 28px;background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.05),transparent 55%),var(--bg-card);box-shadow:var(--shadow-card)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.hero-eyebrow{font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary)}.hero-title{font-family:var(--font-display);font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.025em;margin:8px 0 6px;background:linear-gradient(92deg,#fff,#fff 55%,#ffffff8c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{color:var(--text-secondary);font-size:18px;max-width:52ch}.title{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:-.015em}h1.title{margin-bottom:4px}.subtitle{color:var(--text-secondary);font-size:17px}.section-label{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.card{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-card);transition:border-color .22s,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:.7}.card:after,.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(380px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.06),transparent 45%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover:after,.stat-card:hover:after{opacity:1}a.card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.stack{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-box{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#ffffff0f;border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0d;transition:transform .22s,box-shadow .22s,background .22s}.icon-box svg{width:18px;height:18px}a.card:hover .icon-box,.stat-card:hover .icon-box{background:#ffffff1a;box-shadow:inset 0 1px #ffffff14,var(--glow-white);transform:translateY(-1px) scale(1.04)}.card-head{display:flex;align-items:center;gap:12px}.card-head .icon-box{flex-shrink:0}.card-head-title{font-size:19px;font-weight:600}.card-head-sub{color:var(--text-secondary);font-size:17px;margin-top:2px}.ref-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.ref-perk{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);padding:14px}.ref-perk-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ref-perk-head .icon-box{width:32px;height:32px}.ref-perk-head .icon-box svg{width:16px;height:16px}.ref-perk-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.ref-perk-list li{color:var(--text-secondary);font-size:16px;line-height:1.4}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat-card{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card);transition:border-color .22s,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:.7}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.stat-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.stat-value{font-family:var(--font-display);font-size:31px;font-weight:700;letter-spacing:-.025em;position:relative;z-index:1}.stat-label{color:var(--text-secondary);font-size:17px}.delta{font-size:16px;font-weight:600;padding:3px 8px;border-radius:999px}.delta-up{background:var(--green-bg);color:var(--green)}.delta-down{background:var(--red-bg);color:var(--red)}.btn{position:relative;overflow:hidden;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:18px;font-weight:700;padding:12px 16px;cursor:pointer;transition:transform .12s cubic-bezier(.22,1,.36,1),opacity .15s,background .18s,border-color .18s,box-shadow .22s;width:100%}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 20px -6px #ffffff59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px -6px #ffffff80,var(--glow-white)}.btn-primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);transition:left .6s ease}.btn-primary:hover:not(:disabled):after{left:130%}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff0a;transform:translateY(-1px)}.btn-danger{background:var(--red-bg);color:var(--red)}.btn-danger:hover:not(:disabled){background:#f8717133;box-shadow:0 0 18px #f8717140}.field{display:flex;flex-direction:column;gap:6px}.field label,.field>label{font-size:17px;color:var(--text-secondary)}.input,select.input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:18px;font-family:var(--font);padding:12px 13px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.input::placeholder{color:var(--text-tertiary)}.input:focus,select.input:focus{border-color:var(--border-hover);background:var(--bg-card);box-shadow:0 0 0 3px #ffffff0f,0 0 24px -8px #ffffff40}.otp{display:flex;gap:8px;justify-content:center}.otp-cell{width:46px;height:56px;text-align:center;font-size:24px;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.otp-cell:focus{border-color:var(--border-hover);background:var(--bg-card);box-shadow:0 0 0 3px #ffffff0f,0 0 24px -8px #ffffff40}.otp-cell:disabled{opacity:.55}@media(max-width:400px){.otp{gap:6px}.otp-cell{width:40px;height:50px;font-size:21px}}.badge{font-size:16px;font-weight:600;padding:3px 9px;border-radius:999px}.badge-on{background:var(--green-bg);color:var(--green);box-shadow:inset 0 0 0 1px #4ade8033}.badge-off{background:var(--red-bg);color:var(--red);box-shadow:inset 0 0 0 1px #f8717133}.badge-warn{background:var(--yellow-bg);color:var(--yellow);box-shadow:inset 0 0 0 1px #fbbf2433}.badge-neutral{background:#ffffff14;color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.alert{border-radius:var(--radius-sm);padding:11px 14px;font-size:17px;animation:page-enter .3s ease both}.alert-error{background:var(--red-bg);color:var(--red);box-shadow:inset 0 0 0 1px #f871712e}.alert-success{background:var(--green-bg);color:var(--green);box-shadow:inset 0 0 0 1px #4ade802e}.alert-warning{background:var(--yellow-bg);color:var(--yellow);box-shadow:inset 0 0 0 1px #fbbf242e}.alert-info{background:var(--bg-elevated);color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--border)}.table{width:100%;border-collapse:collapse;font-size:17px}.table th{text-align:left;font-size:15px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);padding:10px 12px;border-bottom:1px solid var(--border)}.table td{padding:13px 12px;border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:#ffffff08}.hist-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--border);font-size:18px}.hist-row:last-child{border-bottom:none}.tariff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tariff{position:relative;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}.tariff:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-card)}.tariff-selected{border-color:var(--accent);background:#ffffff0d;box-shadow:0 0 0 3px var(--accent-ring),var(--glow-white)}.tariff-price{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:-.02em}.pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pay-method{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:16px 18px;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);font-size:19px;font-weight:600;text-align:left;cursor:pointer;opacity:.78;transition:opacity .18s,border-color .18s,background .18s,box-shadow .18s,transform .12s}.pay-method:hover{opacity:.93;border-color:var(--border-hover);transform:translateY(-2px)}.pay-method:active{transform:scale(.99)}.pay-method-selected{opacity:1;color:var(--text);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring),var(--glow-white)}.pay-method-main{display:flex;align-items:center;gap:14px;min-width:0}.pay-method-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffffff0d;color:var(--text-secondary);transition:background .18s,color .18s}.pay-method-icon svg{width:20px;height:20px;display:block}.pay-method-selected .pay-method-icon{background:var(--accent-soft);color:var(--text)}.pay-method-label{display:flex;flex-direction:column;gap:3px;line-height:1.25;min-width:0}.pay-method-sub{font-size:16px;font-weight:600;color:var(--green)}.pay-method-check{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border-hover);display:grid;place-items:center;color:transparent;transition:background .15s,border-color .15s,color .15s}.pay-method-check:after{content:"✓";font-size:17px;font-weight:800;line-height:1}.pay-method-selected .pay-method-check{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.guide-steps{list-style:none;display:flex;flex-direction:column;gap:16px}.guide-step{display:flex;gap:13px;align-items:flex-start}.guide-step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--border);font-size:17px;font-weight:700;color:var(--text)}.guide-step-body strong{display:block;font-size:18px}.guide-step-body p{color:var(--text-secondary);font-size:17px;margin-top:2px}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.app-link{display:flex;align-items:center;gap:11px;padding:13px 15px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:18px;font-weight:600;transition:border-color .15s,background .15s,transform .08s}.app-link:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.app-link:active{transform:scale(.99)}.app-link svg{flex-shrink:0;opacity:.9}.app-link-wide{justify-content:center}.dl-toggle{width:100%;cursor:pointer}.dl-chevron{display:inline-flex;transition:transform .18s ease}.dl-chevron-open{transform:rotate(180deg)}.free-perks{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px}.free-perks li{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600}.free-perks li:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--green);box-shadow:0 0 8px var(--green)}.dl-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.dl-item{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color .15s,background .15s,transform .08s}.dl-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.dl-item:active{transform:scale(.99)}.dl-item>svg{flex-shrink:0;opacity:.9}.dl-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dl-item-label{font-weight:600;font-size:17px}.dl-item-arch{color:var(--text-secondary);font-weight:500}.dl-item-meta{color:var(--text-secondary);font-size:14px}.key-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;display:flex;flex-direction:column;gap:12px}.key-block-title{display:flex;align-items:center;gap:9px;font-weight:600;font-size:18px}.key-block-desc{color:var(--text-secondary);font-size:17px}.key-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.key-dot-unlim{background:var(--green);box-shadow:0 0 8px var(--green)}.key-dot-lim{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.key-block-main{display:flex;gap:16px;align-items:center}.key-qr{width:148px;height:148px;flex-shrink:0;background:#fff;padding:8px;border-radius:var(--radius-sm);cursor:zoom-in;transition:box-shadow .15s,transform .15s}.key-qr:hover{box-shadow:var(--glow-white);transform:scale(1.03)}.key-actions{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.key-qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:none;animation:qr-overlay-in .16s ease both}.key-qr-overlay-img{width:min(520px,92vw);height:min(520px,92vw);background:#fff;padding:20px;border-radius:18px;box-shadow:0 24px 80px #0009}@keyframes qr-overlay-in{0%{opacity:0}to{opacity:1}}@media(max-width:560px){.key-block-main{flex-direction:column;align-items:stretch}.key-qr{align-self:center}}.copy-box{display:flex;gap:8px;align-items:center}.copy-box code{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xs);padding:10px 12px;font-size:16px;word-break:break-all;color:var(--text-secondary);transition:border-color .15s,color .15s}.copy-box code:hover{border-color:var(--border-hover);color:var(--text)}.support-thread{display:flex;flex-direction:column;gap:8px;max-height:52vh;min-height:220px;overflow-y:auto;padding:4px}.support-bubble{max-width:80%;padding:9px 13px;border-radius:var(--radius-sm);font-size:18px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.support-bubble-me{align-self:flex-end;background:var(--accent);color:var(--on-accent);border-bottom-right-radius:var(--radius-xs)}.support-bubble-them{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:var(--radius-xs)}.support-bubble .support-image{display:block;max-width:100%;max-height:320px;border-radius:var(--radius-xs);cursor:pointer}.support-bubble .support-image+.support-bubble-text{display:block;margin-top:6px}.support-input{display:flex;gap:8px;align-items:center}.support-input .input{flex:1}.support-attach{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:border-color .2s,color .2s}.support-attach:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.support-attach:disabled{opacity:.5;cursor:default}.support-dropzone{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;border:2px dashed var(--accent);border-radius:var(--radius);background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#fff;font-size:19px;pointer-events:none}.support-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;visibility:hidden;pointer-events:none;transition:visibility 0s linear .3s}.support-drawer-open{visibility:visible;transition-delay:0s}.support-drawer-panel{position:absolute;top:var(--support-top, 72px);right:0;bottom:0;width:var(--drawer-w, 480px);max-width:100%;display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--bg-card);border-left:1px solid var(--border);border-top:1px solid var(--border);border-top-left-radius:var(--radius);box-shadow:-20px 0 60px #0006;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;pointer-events:auto}.support-drawer-open .support-drawer-panel{transform:translate(0)}.support-drawer-resizer{position:absolute;top:0;left:0;bottom:0;width:10px;cursor:ew-resize;z-index:2;touch-action:none}.support-drawer-resizer:before{content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);width:3px;height:40px;border-radius:999px;background:var(--border);transition:background .15s,height .15s}.support-drawer-resizer:hover:before{background:var(--accent);height:64px}body.support-resizing{cursor:ew-resize;-webkit-user-select:none;user-select:none}body.support-resizing .support-drawer-panel{transition:none}.support-drawer-head{display:flex;flex-direction:column;gap:12px}.support-drawer-titlebar{display:flex;align-items:center;justify-content:space-between}.support-drawer-titlebar strong{font-family:var(--font-display);font-size:22px}.support-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,transform .12s}.support-drawer-close:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.topbar-actions .topbar-action-active{border-color:var(--accent);color:var(--text);box-shadow:var(--btn-glow-hover)}.support-drawer .support-thread{flex:1;min-height:0;max-height:none}.os-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.os-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-size:17px;color:var(--text-secondary);transition:border-color .2s,transform .2s,background .2s}.os-card:hover{border-color:var(--border-hover);transform:translateY(-2px);background:var(--bg-card)}.os-card strong{color:var(--text);display:block;margin-bottom:6px}.progress{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-bar{position:relative;height:100%;background:linear-gradient(90deg,#ffffffb3,#fff);box-shadow:0 0 12px #fff6;transition:width .6s cubic-bezier(.4,0,.2,1);overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-100%);animation:shimmer 2.2s linear infinite}@keyframes shimmer{to{transform:translate(100%)}}.divider{display:flex;align-items:center;gap:12px;color:var(--text-tertiary);font-size:16px;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-link{background:none;border:none;color:var(--text-secondary);font-size:16px;font-family:var(--font);cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:2px;align-self:center}.btn-link:hover{color:var(--text)}.btn-link:disabled{opacity:.5;cursor:default;text-decoration:none}.muted-link{display:block;text-align:center;color:var(--text-secondary);font-size:17px;margin-top:14px}.muted-link a{color:var(--text);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.muted-link a:hover{text-shadow:0 0 12px rgba(255,255,255,.4)}.legal-notice{text-align:center;color:var(--text-tertiary);font-size:16px;line-height:1.5;margin-top:18px}.legal-notice a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.legal-notice a:hover{color:var(--text)}.backup-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:monospace;font-size:19px;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:14px;margin:12px 0}.totp-qr{display:block;width:180px;height:180px;margin:4px auto;background:#fff;padding:8px;border-radius:var(--radius-sm);box-shadow:0 0 40px #ffffff2e;image-rendering:pixelated}.totp-key{font-family:monospace;font-size:20px;font-weight:600;letter-spacing:2px;text-align:center;word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--accent);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.center{text-align:center}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--text);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto;box-shadow:0 0 18px #ffffff14}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:12px}.brand-logo{position:relative;width:48px;height:48px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:30px;color:#fff;animation:brand-float 5s ease-in-out infinite}.brand-logo-img{width:100%;height:100%;object-fit:contain;display:block}@keyframes brand-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1.5deg)}}.brand-name{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:.2px}.brand-name span{color:var(--text-tertiary)}.brand:hover .brand-logo-img{filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}.auth-shell{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px;animation:page-enter .5s cubic-bezier(.22,1,.36,1) both}.auth-card .brand{justify-content:center;margin-bottom:6px}.auth-card h1.title{font-family:var(--font-display);text-align:center;margin:18px 0 4px;font-size:24px}.auth-card p.subtitle{text-align:center;margin-bottom:20px}@media(max-width:900px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:column;align-items:stretch;border-right:none;border-bottom:1px solid var(--border);padding:12px 14px;gap:10px;overflow-x:hidden}.sidebar>a{align-self:center}.sidebar-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:0;gap:4px;flex:0 0 auto}.sidebar-link{padding:8px 12px;white-space:nowrap}.sidebar-link:before{display:none}.sidebar-link span,.sidebar-footer-mobile-hide{display:none}.content{padding:18px 16px}.topbar{padding:14px 16px;position:static}.topbar-actions{gap:6px}.topbar-actions .topbar-action{padding:8px 10px}.topbar-action span{display:none}.channel-banner{flex-wrap:wrap}.channel-banner .channel-banner-btn,.support-drawer-panel{width:100%}.support-drawer-resizer{display:none}}.landing{min-height:100vh;display:flex;flex-direction:column;max-width:1080px;margin:0 auto;padding:0 24px}.landing-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0}.landing-topbar-nav{display:flex;gap:10px}.landing-topbar .landing-topbar-btn{width:auto;padding:10px 20px}.landing-main{flex:1;display:flex;flex-direction:column;gap:52px;padding-bottom:56px}.landing-hero{text-align:center;padding:56px 0 8px}.landing-hero-title{font-size:clamp(34px,6vw,54px);margin:14px auto 12px;max-width:18ch}.landing-hero-sub{margin:0 auto}.landing-cta{display:flex;justify-content:center;gap:12px;margin-top:26px;flex-wrap:wrap}.landing-cta .btn{width:auto;padding:13px 28px}.landing-section{display:flex;flex-direction:column;gap:18px}.landing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.landing-grid-steps{grid-template-columns:repeat(3,1fr)}.landing-card{display:flex;flex-direction:column;gap:12px}.landing-card-text{color:var(--text-secondary);font-size:16px;line-height:1.55}.landing-step-num{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);font-family:var(--font-display);font-weight:700;font-size:17px}.landing-faq{display:flex;flex-direction:column;gap:10px}.landing-faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 18px}.landing-faq-item summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:600;font-size:17px;position:relative}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:20px}.landing-faq-item[open] summary:after{content:"–"}.landing-faq-item p{color:var(--text-secondary);font-size:16px;line-height:1.55;padding-bottom:16px}.landing-final{text-align:center;padding:36px 26px;align-items:center}.landing-final .subtitle{margin-top:6px}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid var(--border);color:var(--text-tertiary);font-size:15px}.landing-footer-nav{display:flex;gap:18px;flex-wrap:wrap}.landing-footer-nav a{color:var(--text-secondary);text-decoration:none}.landing-footer-nav a:hover{color:var(--text)}@media(max-width:900px){.landing-grid,.landing-grid-steps{grid-template-columns:1fr}.landing-hero{padding-top:30px}}@media(prefers-reduced-motion:reduce){.ambient,.brand-logo,.status-dot:after,.progress-bar:after,.btn-primary:after{animation:none}.page-enter,.auth-card,.alert{animation:none}.support-drawer,.support-drawer-panel{transition:none}*{scroll-behavior:auto}}