:root{--bg:#f6f6f4;--card:#ffffff;--text:#16161a;--muted:#6b6b73;--faint:#a3a3aa;--line:#e7e7e3;--line-strong:#d6d6d1;--hover:#f1f1ee;--accent:#16161a;--accent-text:#ffffff;--side:#121214;--side-text:#d9d9de;--side-muted:#7c7c85;--side-active:#26262b;--green:#1f9d55;--green-bg:#e6f6ec;--red:#c8102e;--red-bg:#fde8eb;--gold:#b8892b;--gold-bg:#fbf3e2;--gold-line:#e6c784;--blue:#1877f2;--shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);--radius:16px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0e10;--card:#17171a;--text:#ececf0;--muted:#9a9aa3;--faint:#66666e;--line:#26262b;--line-strong:#33333a;--hover:#1f1f23;--accent:#ececf0;--accent-text:#111113;--side:#0a0a0b;--side-active:#1f1f23;--green-bg:#12301f;--red-bg:#3a1218;--gold-bg:#2a2212;--gold-line:#8a6a2a;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e0e10;--card:#17171a;--text:#ececf0;--muted:#9a9aa3;--faint:#66666e;--line:#26262b;--line-strong:#33333a;--hover:#1f1f23;--accent:#ececf0;--accent-text:#111113;--side:#0a0a0b;--side-active:#1f1f23;--green-bg:#12301f;--red-bg:#3a1218;--gold-bg:#2a2212;--gold-line:#8a6a2a;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0}body{font:15px/1.5 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}a{color:inherit}button,input,select{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--line-strong);background:var(--card);cursor:pointer;font-weight:500;white-space:nowrap;text-decoration:none}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{opacity:.9}.btn.gold{background:linear-gradient(135deg,#f3d892,#d9ae55);border-color:transparent;color:#2b2003}.btn.fb{background:var(--blue);border-color:var(--blue);color:#fff}.btn.ghost{border-color:transparent;background:none;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:var(--hover)}.btn.danger{color:var(--red)}.btn.block{width:100%}.btn.sm{padding:6px 12px;font-size:13.5px;border-radius:8px}.btn.lg{padding:14px 24px;font-size:16px;border-radius:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:11px 13px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);outline:none}.input:focus{border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 10%,transparent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-weight:500;font-size:14px}.hint{color:var(--muted);font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.banner{padding:12px 14px;border-radius:10px;background:var(--gold-bg);border:1px solid var(--gold-line);margin-bottom:16px;font-size:14px}.banner.error{background:var(--red-bg);border-color:var(--red)}.banner.ok{background:var(--green-bg);border-color:var(--green)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:8px;border:1px solid var(--line);font-size:12.5px;color:var(--muted)}.badge.gold{background:var(--gold-bg);border-color:var(--gold-line);color:var(--gold)}.badge.green{background:var(--green-bg);color:var(--green)}.badge.green,.badge.red{border-color:transparent}.badge.red{background:var(--red-bg);color:var(--red)}.row{display:flex;gap:10px;align-items:center}.grow{flex:1 1}.site{max-width:1160px;margin:0 auto;padding:0 20px}.site-nav{display:flex;gap:18px;height:72px}.logo,.site-nav{align-items:center}.logo{display:inline-flex;gap:10px;font-weight:700;font-size:20px;text-decoration:none;letter-spacing:-.01em}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:16px;font-weight:800}.site-nav a.link{text-decoration:none;color:var(--muted)}.site-nav a.link:hover{color:var(--text)}.hero{text-align:center;padding:72px 0 56px}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.025em;margin:20px auto 18px;max-width:880px}.hero p{font-size:18px;color:var(--muted);max-width:680px;margin:0 auto 30px}.hero .row{justify-content:center;flex-wrap:wrap}.features{padding:40px 0 72px}.section-title{font-size:clamp(26px,3.4vw,36px);text-align:center;letter-spacing:-.02em;margin:0 0 32px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.feature{padding:22px}.feature h3{margin:0 0 6px;font-size:16.5px}.feature p{margin:0;color:var(--muted);font-size:14.5px}.pricing{padding:40px 0 80px;text-align:center}.promo{gap:8px;align-items:center;padding:8px 18px;border-radius:999px;background:linear-gradient(135deg,#f6e2ac,#dfb866);color:#3a2a06;font-weight:600;margin-bottom:18px}.promo,.toggle{display:inline-flex}.toggle{padding:4px;border-radius:12px;background:var(--hover);border:1px solid var(--line);margin:6px 0 28px}.toggle button{border:0;background:none;padding:8px 18px;border-radius:9px;cursor:pointer;color:var(--muted);font-weight:500;display:inline-flex;gap:8px;align-items:center}.toggle button.on{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.plans{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;text-align:left}.plan{padding:26px;display:flex;flex-direction:column}.plan.featured{background:linear-gradient(180deg,var(--gold-bg),var(--card) 55%);border-color:var(--gold-line)}.plan-head{display:flex;justify-content:space-between;align-items:center}.plan-head h3{margin:0;font-size:21px;font-weight:500}.price{display:flex;align-items:baseline;gap:10px;margin:26px 0 6px;flex-wrap:wrap}.price strong{font-size:46px;letter-spacing:-.03em;line-height:1}.price s{font-size:18px}.plan .tagline,.price s,.price span{color:var(--muted)}.plan .tagline{margin:12px 0 14px}.plan ul{list-style:none;padding:0;margin:0 0 24px;flex:1 1}.plan li{display:flex;gap:10px;padding:6px 0}.plan li svg{color:var(--gold);margin-top:3px}.secure{margin-top:20px;color:var(--muted);display:inline-flex;gap:8px;align-items:center}.site-footer{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--muted);font-size:14px;display:flex;gap:18px;flex-wrap:wrap}.site-footer a{text-decoration:none}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:min(420px,100%);padding:30px}.auth-card h1{font-size:24px;margin:18px 0 4px;letter-spacing:-.01em}.auth-card .sub{color:var(--muted);margin:0 0 22px}.divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:13px;margin:16px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-foot{margin-top:18px;text-align:center;color:var(--muted);font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:256px;flex:none;background:var(--side);color:var(--side-text);display:flex;flex-direction:column;padding:18px 14px;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .logo{color:#fff;padding:4px 10px 16px}.sidebar .logo-mark{background:#fff;color:#111}.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--side-text)}.side-nav a.active,.side-nav a:hover{background:var(--side-active);color:#fff}.side-nav a.sub{padding-left:42px;font-size:14px;color:var(--side-muted)}.side-nav a.sub.active{color:#fff}.side-spacer{flex:1 1}.plan-box{margin:8px 0;padding:14px;border-radius:14px;background:#1b1b1f}.plan-box .row{justify-content:space-between}.plan-box .muted{color:var(--side-muted);font-size:12.5px;margin:4px 0 10px}.meter{height:5px;border-radius:5px;background:#2c2c32;overflow:hidden;margin-bottom:12px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#f3d892,#d9ae55)}.picker{position:relative}.picker>button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:0;background:#1b1b1f;color:var(--side-text);cursor:pointer;text-align:left}.picker>button:hover{background:#232328}.picker .avatar{width:28px;height:28px;border-radius:8px;background:#fff;color:#111;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none;position:relative}.picker .avatar.on:after{content:"";position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid #1b1b1f}.picker .names{min-width:0;flex:1 1}.picker .names div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker .names small{color:var(--side-muted)}.picker-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#1b1b1f;border:1px solid #2c2c32;border-radius:12px;padding:6px;max-height:320px;overflow:auto;box-shadow:0 12px 32px rgba(0,0,0,.4);z-index:10}.picker-menu a,.picker-menu button{width:100%;display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;border:0;background:none;color:var(--side-text);cursor:pointer;text-align:left;text-decoration:none;font-size:14px}.picker-menu a:hover,.picker-menu button:hover{background:#26262b}.picker-menu .sep{height:1px;background:#2c2c32;margin:6px 0}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;display:flex;align-items:center;gap:12px;padding:0 28px;border-bottom:1px solid var(--line)}.topbar h1{font-size:20px;margin:0;font-weight:600}.content{padding:24px 28px 40px;max-width:1100px;width:100%}.icon-btn{background:none;border:0;padding:8px;border-radius:8px;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;gap:6px;font-size:13px}.icon-btn:hover{background:var(--hover);color:var(--text)}.empty{text-align:center;padding:56px 24px}.empty .ico{width:52px;height:52px;border-radius:14px;background:var(--hover);display:grid;place-items:center;margin:0 auto 14px}.empty h2{font-size:19px;margin:0 0 8px}.empty p{color:var(--muted);max-width:460px;margin:0 auto 20px}.conn{padding:20px 22px;margin-bottom:16px}.conn-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.conn-head .fb{width:38px;height:38px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}.acct{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.acct:first-of-type{border-top:0}.acct .names{flex:1 1;min-width:0}.acct .names small{color:var(--muted)}@media (max-width:900px){.feature-grid,.plans{grid-template-columns:1fr}.sidebar{display:none}.content,.topbar{padding-left:16px;padding-right:16px}}.content.wide{max-width:none}.legal{max-width:760px;margin:0 auto;padding:32px 0 56px}.legal h1{font-size:clamp(28px,4vw,38px);letter-spacing:-.02em;margin:0 0 6px}.legal h2{font-size:19px;margin:32px 0 8px}.legal li,.legal p{color:var(--text);line-height:1.65}.legal ul{padding-left:20px}.legal li{margin:4px 0}.waiver{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin:0 0 12px;text-align:left;cursor:pointer;line-height:1.45}.waiver input{margin-top:2px;accent-color:var(--text);flex:none}