@font-face{font-family:Yellowtail;src:url(/Yellowtail-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#100abc;--blue-light:#2520e8;--blue-glow:#100abc66;--white:#fff;--off-white:#e8e8f0;--muted:#9090b0;--bg:#07070f;--bg-card:#0e0e1a;--border:#ffffff12}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#07070fcc;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:70%;margin:0 auto;padding:20px 0;display:flex}.nav-logo img{object-fit:cover;border-radius:50%;width:88px;height:88px;display:block}.nav-buttons{align-items:center;gap:12px;display:flex}.nav-login{color:var(--white);background:0 0;border:1.5px solid #ffffff59;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.nav-login:hover{background:#ffffff12;border-color:#ffffffb3;transform:translateY(-1px)}.nav-cta{background:var(--blue);color:var(--white);border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.nav-cta:hover{background:var(--blue-light);transform:translateY(-1px)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:70%;min-height:100vh;margin:0 auto;padding:120px 0 80px;display:grid;overflow:visible}.hero-left{flex-direction:column;gap:32px;display:flex;overflow:visible}.hero-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.hero-headline{color:var(--white);letter-spacing:4px;font-family:Yellowtail,cursive;font-size:96px;font-weight:800;line-height:.82;overflow:visible}.hero-headline .accent{color:#0000;background:linear-gradient(90deg,#00e5ff,#00b4d8,#0077b6,#100abc);-webkit-background-clip:text;background-clip:text}.hero-subtext{color:var(--white);font-size:19px;line-height:1.7}.hero-benefits{flex-direction:column;gap:14px;display:flex}.benefit-item{color:var(--off-white);align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;display:flex}.benefit-icon{border:2px solid #fffc;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--blue);color:var(--white);letter-spacing:-.2px;box-shadow:0 0 0 0 var(--blue-glow);border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn-primary:hover{background:var(--blue-light);box-shadow:0 8px 32px var(--blue-glow);transform:translateY(-2px)}.btn-secondary{color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.btn-secondary:hover{color:var(--white)}.hero-right{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-wrap{aspect-ratio:4/5;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.hero-image-wrap:before{content:"";background:radial-gradient(at 50% 0,#100abc33 0%,#0000 70%);position:absolute;inset:0}.hero-image-placeholder{color:var(--muted);z-index:1;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex;position:relative}.glow-blob{pointer-events:none;z-index:0;background:radial-gradient(#100abc1f 0%,#0000 70%);width:600px;height:600px;position:fixed;top:50%;left:-100px;transform:translateY(-50%)}@media (max-width:900px){nav{padding:18px 24px}.nav-inner{max-width:100%;padding:18px 24px}.hero{grid-template-columns:1fr;gap:48px;max-width:100%;padding:100px 24px 60px}.hero-headline{letter-spacing:-1.5px;font-size:40px}.hero-right{order:-1}.hero-image-wrap{aspect-ratio:16/9}}@media (max-width:480px){.hero-headline{font-size:32px}.btn-primary{justify-content:center;width:100%}}