:root{color-scheme:dark;--bg-0:#0e111a;--bg-1:#141826;--txt:#eef3f8;--muted:#9aa3b2;--primary:#30e3ca;--accent:#ff0266;--card:rgba(16,20,34,.42);--border:rgba(255,255,255,.10);--shadow:0 14px 40px rgba(0,0,0,.45);--blur:14px;--overlay-blur:0px;--radius:16px;--gap:clamp(18px,2.6vh,28px);--field-bg:rgba(255,255,255,.06);--field-bg-2:rgba(255,255,255,.02);--field-autofill:rgba(255,255,255,.06);--focus-ring:rgba(48,227,202,.12);--focus-border:rgba(48,227,202,.55)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:linear-gradient(180deg,var(--bg-0),var(--bg-1));min-height:100svh;overflow-x:hidden;-webkit-text-size-adjust:100%}img{max-width:100%;height:auto;object-fit:contain;display:inline-block}.g-logo{width:20px;height:20px;aspect-ratio:1/1}#particles-js{position:fixed;inset:0;z-index:-3;pointer-events:none}.bg-grad{position:fixed;inset:0;z-index:-2;background:radial-gradient(1200px 600px at 18% 8%,rgba(48,227,202,.10),transparent 60%),radial-gradient(900px 500px at 82% 78%,rgba(255,2,102,.10),transparent 62%)}.glass-overlay{position:fixed;inset:0;z-index:-1;backdrop-filter:blur(var(--overlay-blur)) saturate(110%);-webkit-backdrop-filter:blur(var(--overlay-blur)) saturate(110%)}.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:clamp(16px,2.5vh,28px) max(16px,env(safe-area-inset-left))}header.site-header{width:min(1100px,92vw);text-align:center;margin-top:clamp(24px,4vh,40px)}.brand{margin:0;font-family:'Inter',system-ui,-apple-system,sans-serif;letter-spacing:.12rem;font-weight:800;line-height:1.05;font-size:clamp(32px,6vw,64px);background:linear-gradient(90deg,#fff 0%,#d9e7ff 40%,#ffffff 60%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(255,255,255,.10);display:flex!important;align-items:center;justify-content:center;gap:0.8rem}.brand .chip{background:linear-gradient(90deg,#fff,#c9ffef);color:#000;padding:0 .55rem;border-radius:.5rem}.tagline{margin:.35rem 0 0;color:var(--muted);font-weight:400;letter-spacing:.25rem;font-size:clamp(10px,2.3vw,14px)}.cta{width:min(440px,92vw);margin:1.5rem auto 0;padding:0.85rem 1.25rem;background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border:1px solid var(--border);border-radius:calc(var(--radius) * 0.8);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);text-align:center;box-shadow:0 8px 32px 0 rgba(0,0,0,0.4);transition:all 0.3s ease}.cta:hover{border-color:rgba(255,255,255,0.2);transform:translateY(-2px)}.cta p{margin:0;font-size:0.85rem;color:var(--muted);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0.4rem}.cta a{color:#fff;text-decoration:none;transition:all 0.25s ease;opacity:1!important}.cta a:hover{color:var(--primary)}.cta p .sep{opacity:0.3;margin:0 0.5rem}.cta a.subtle-link{color:var(--muted);font-weight:400;opacity:0.7!important}.cta a.subtle-link:hover{color:var(--primary);opacity:1!important}main.card{width:min(440px,92vw);margin:clamp(18px,4vh,36px) auto;position:relative;border-radius:var(--radius);isolation:isolate}main.card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),var(--card);border:1px solid var(--border);border-radius:inherit;box-shadow:var(--shadow);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);z-index:-1}.card>.inner{padding:22px 20px 20px}.social{margin-bottom:14px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);color:var(--txt);text-decoration:none;transition:.25s ease;position:relative;overflow:hidden}.btn-google::after{content:"";position:absolute;inset:-1px;border-radius:inherit;opacity:0;background:radial-gradient(600px 120px at 50% -20%,rgba(48,227,202,.35),transparent 62%);transition:opacity .3s ease}.btn-google:hover{transform:translateY(-1px);border-color:rgba(48,227,202,.35);box-shadow:0 10px 30px rgba(0,0,0,.35)}.btn-google:hover::after{opacity:1}.btn-google[disabled]{cursor:not-allowed;opacity:.6}.btn-google[disabled]:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.12)}.g-logo{width:20px;height:20px}.sep{display:flex;align-items:center;gap:12px;justify-content:center;color:var(--muted);margin:16px 0 18px}.sep::before,.sep::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}form.login{display:grid;gap:14px}.field{width:100%;padding:12px 14px;text-align:center;font-size:16px;color:var(--txt);border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,var(--field-bg),var(--field-bg-2));outline:none;transition:.25s ease;-webkit-appearance:none;appearance:none;background-clip:padding-box;-webkit-background-clip:padding-box;caret-color:var(--txt);position:relative;z-index:0;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}.field::placeholder{color:#c7cfdb;opacity:.86}.field::-webkit-input-placeholder{color:#c7cfdb;opacity:.86}.field:-ms-input-placeholder{color:#c7cfdb;opacity:.86}.field::-ms-input-placeholder{color:#c7cfdb;opacity:.86}.field:focus{border-color:var(--focus-border);box-shadow:0 0 0 6px var(--focus-ring)}.field:autofill{box-shadow:0 0 0 1000px var(--field-autofill) inset!important;-webkit-text-fill-color:var(--txt)!important}.field:-webkit-autofill,.field:-webkit-autofill:hover,.field:-webkit-autofill:focus{-webkit-text-fill-color:var(--txt)!important;-webkit-box-shadow:0 0 0 1000px var(--field-autofill) inset!important;box-shadow:0 0 0 1000px var(--field-autofill) inset!important;border:1px solid var(--focus-border)!important;transition:background-color 99999s ease-in-out 0s!important;background-color:transparent!important;caret-color:var(--txt)!important}.field:-webkit-autofill::first-line {font-family:inherit;font-size:16px;color:var(--txt)}.btn-primary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 18px;border-radius:14px;cursor:pointer;text-decoration:none;color:#dff8f4;text-transform:uppercase;letter-spacing:.24em;font-weight:900;font-size:18px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 7px) padding-box,linear-gradient(180deg,rgba(8,10,16,.88),rgba(8,10,16,.56)) padding-box,linear-gradient(120deg,rgba(48,227,202,.32),rgba(186,104,200,.18)) border-box;border:1px solid transparent;box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06) inset,0 1px 0 rgba(255,255,255,.08) inset;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);transition:transform .28s cubic-bezier(.2,.6,0,1),box-shadow .28s ease,filter .28s ease;position:relative;overflow:hidden;isolation:isolate}.btn-primary::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(900px 140px at 50% -18%,rgba(48,227,202,.25),transparent 60%),radial-gradient(700px 140px at -10% 120%,rgba(186,104,200,.15),transparent 60%);opacity:.18;transition:opacity .28s ease}.btn-primary::after{content:"";position:absolute;top:12%;bottom:12%;left:50%;width:1px;border-radius:1px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(48,227,202,.28),rgba(255,255,255,.10));mix-blend-mode:screen;opacity:.6;transition:opacity .28s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 22px 56px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.08) inset,0 1px 0 rgba(255,255,255,.10) inset,0 0 26px rgba(48,227,202,.18),0 0 12px rgba(186,104,200,.14) inset;filter:brightness(1.05)}.btn-primary:hover::before{opacity:.34}.btn-primary:hover::after{opacity:.9}.btn-primary:active{transform:translateY(0) scale(.997);box-shadow:0 14px 36px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06) inset,0 1px 0 rgba(255,255,255,.06) inset}.hyper-cta{--btn-bg1:rgba(8,10,16,.88);--btn-bg2:rgba(8,10,16,.58);--edge:rgba(255,255,255,.12);--inner:rgba(255,255,255,.06);--glowA:rgba(48,227,202,.16);--glowB:rgba(186,104,200,.12);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:22px 36px;border-radius:16px;isolation:isolate;font-size:1.18rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--txt);width:100%;text-decoration:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 7px) padding-box,linear-gradient(180deg,var(--btn-bg1),var(--btn-bg2)) padding-box,linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04)) border-box;border:1px solid transparent;box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 0 1px var(--inner) inset,0 1px 0 rgba(255,255,255,.06) inset,0 -8px 24px rgba(0,0,0,.55) inset;backdrop-filter:blur(calc(var(--blur) + 2px)) saturate(165%);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) saturate(165%);transition:box-shadow .25s ease,border-color .25s ease,transform .25s cubic-bezier(.2,.6,0,1);overflow:hidden}.hyper-cta::after{content:"";position:absolute;top:10%;bottom:10%;left:50%;width:1px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(48,227,202,.26),rgba(255,255,255,.08));mix-blend-mode:screen;opacity:.7}.hyper-cta:hover{transform:translateY(-1px) scale(1.005);box-shadow:0 22px 56px rgba(0,0,0,.62),0 0 0 1px var(--inner) inset,0 1px 0 rgba(255,255,255,.08) inset,0 0 28px var(--glowA),0 0 14px var(--glowB) inset;border-color:var(--edge)}.hyper-cta:active{transform:translateY(0) scale(.997);box-shadow:0 14px 36px rgba(0,0,0,.55),0 0 0 1px var(--inner) inset,0 1px 0 rgba(255,255,255,.06) inset}.hyper-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(48,227,202,.45),0 0 0 6px rgba(48,227,202,.18),0 18px 44px rgba(0,0,0,.55),0 0 0 1px var(--inner) inset}.hyper-cta .cta-label{font-size:1.00em;letter-spacing:.14em;text-transform:uppercase;font-weight:900;text-decoration:none;color:transparent;background:linear-gradient(180deg,rgba(223,248,244,1) 0%,rgba(191,233,255,1) 35%,rgba(146,215,203,1) 65%,rgba(228,251,246,1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.3px rgba(0,0,0,.25);text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 0 rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.35)}.feedback{color:#ff6b7a;margin:.25rem 0 0;text-align:center}@media (max-width:480px){.page{padding-bottom:24px}.card>.inner{padding:18px 16px}}.site-footer{text-align:center;padding:30px 20px 20px 20px;font-size:0.85rem;color:#aeb9cc;position:relative;z-index:10;margin-top:auto;flex-shrink:0;width:100%;transition:opacity 0.5s ease}.site-footer p{margin:0 0 10px 0;color:rgba(255,255,255,0.35);font-weight:400;letter-spacing:0.05rem;font-size:0.7rem}.site-footer a{color:rgba(255,255,255,0.4);text-decoration:none;margin:0 10px;transition:color 0.3s ease,text-shadow 0.3s ease}.site-footer a:hover{color:#30e3ca;text-shadow:0 0 8px rgba(48,227,202,0.4)}.privacy-banner{position:fixed;bottom:24px;left:24px;right:24px;max-width:600px;margin:0 auto;background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)),rgba(15,17,30,0.85);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,0.15);border-radius:16px;padding:16px 20px;z-index:1000;display:flex!important;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 40px rgba(0,0,0,0.5);transform:translateY(150%);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1);pointer-events:auto}.privacy-banner.show{transform:translateY(0)}.privacy-banner p{margin:0;font-size:13px;line-height:1.5;color:rgba(255,255,255,0.85);text-align:left}.privacy-banner p a{color:#30e3ca;text-decoration:none;font-weight:600}.privacy-banner p a:hover{text-decoration:underline}.privacy-banner .btn-ok{background:white;color:#000;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.privacy-banner .btn-ok:hover{background:#30e3ca;transform:scale(1.05)}@media (max-width:600px){.privacy-banner{flex-direction:column!important;text-align:center!important;bottom:12px;left:12px;right:12px;padding:18px}.privacy-banner p{text-align:center}}