html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--ink:#111418;--ink-soft:#2b3038;--muted:#6b7280;--line:#e6e8ec;--line-strong:#cfd3da;--bg:#fff;--bg-soft:#f5f6f8;--error:#b42318;--radius:8px;--radius-lg:12px;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Oswald", "Inter", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}#root{text-align:left;width:100%;min-height:100svh}.page{flex-direction:column;min-height:100svh;display:flex}.hero-wrap{position:relative}.header{z-index:10;background:0 0;border-bottom:none;position:absolute;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:14px 24px;display:flex}.brand-lockup{align-items:center;gap:14px;display:flex}.logo{width:auto;display:block}.logo-gi{height:30px}.logo-fl{width:auto;height:36px}.brand-x{color:#ffffff8c;font-size:18px;font-weight:300}.header-tag{font-family:var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:#ffffffe6;border:1px solid #ffffff73;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:background-color .12s}.header-tag:hover{background:#ffffff1f}.hero{color:#fff;background-color:#1a1c20;background-image:url(/hero.jpg);background-position:50% 40%;background-size:cover;background-attachment:fixed;min-height:460px;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(#00000059 0%,#00000073 60%,#0000008c 100%);position:absolute;inset:0}.hero-inner{text-align:center;max-width:1120px;margin:0 auto;padding:180px 24px 100px;position:relative}.hero-kicker{font-family:var(--sans);letter-spacing:2px;text-transform:uppercase;color:#ffffffd9;margin:0 0 14px;font-size:12px;font-weight:500}.hero-title{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 24px #00000059;margin:0;font-size:clamp(40px,7vw,76px);font-weight:600;line-height:1}.hero-sub{color:#ffffffd9;max-width:540px;margin:18px auto 0;font-size:15px;font-weight:400}.main{background:var(--bg-soft);flex:1;justify-content:center;padding:64px 20px 80px;display:flex}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;width:100%;max-width:560px;padding:40px 44px}.card-header{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}.card-title{font-family:var(--sans);color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:600;line-height:1.3}.lede{color:var(--muted);margin:0;font-size:14.5px}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-soft);font-size:13.5px;font-weight:500}.req{color:var(--muted);margin-left:2px;font-weight:400}.field input,.field select{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);appearance:none;background:#fff;padding:10px 12px;font-size:15px;transition:border-color .12s,box-shadow .12s}.field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%236b7280' d='M5 6 0 0h10z'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.field input:focus,.field select:focus{border-color:var(--bs-blue);outline:none;box-shadow:0 0 0 3px #0d6efd24}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 3px #b423181a}.hint{color:var(--muted);margin:4px 0 0;font-size:12.5px}.error{color:var(--error);margin:4px 0 0;font-size:12.5px}.actions{justify-content:flex-end;margin-top:8px;display:flex}.btn{font:inherit;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:11px 22px;font-size:14.5px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s}.btn-primary{background:var(--bs-blue);color:#fff}.btn-primary:hover{background:#0b5ed7}.btn-primary:focus-visible{outline:2px solid var(--bs-blue);outline-offset:2px}.btn-secondary{color:var(--ink);border-color:var(--line-strong);background:#fff}.btn-secondary:hover{border-color:var(--ink)}.success{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 28px;display:flex}.success-icon{margin-bottom:6px;font-size:48px;line-height:1}.success h2{font-family:var(--sans);color:var(--ink);margin:0;font-size:22px;font-weight:700}.success-main{color:var(--ink-soft);margin:4px 0 0;font-size:16px}.success-sub{color:var(--muted);margin:0 0 16px;font-size:14px}.footer{border-top:1px solid var(--line);color:var(--muted);background:#fff}.footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1120px;margin:0 auto;padding:40px 24px 28px;display:grid}.footer-col h3{color:#fff;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:600}.footer-col ul{color:#ffffffb3;flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.footer-col a{color:#fff;border-bottom:1px solid #ffffff40;text-decoration:none;transition:border-color .12s,color .12s}.footer-col a:hover{color:#fff;border-color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.footer-bottom p{max-width:1120px;color:var(--muted);text-align:center;margin:0;padding:14px 24px;font-size:12.5px}.btn-export{font:inherit;color:var(--bs-blue);cursor:pointer;text-underline-offset:2px;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:12.5px;font-weight:500;text-decoration:underline}.btn-export:hover{color:#0b5ed7}.header-tag-short{display:none}@media (width<=860px){.hero-inner{padding:96px 24px 88px}.footer-inner{grid-template-columns:1fr;gap:24px}}@media (width<=600px){.header-tag-long{display:none}.header-tag-short{display:inline}.header-inner{padding:12px 16px}.brand-lockup{gap:10px}.logo-gi{height:24px}.logo-fl{height:30px}.card{padding:28px 20px}.main{padding:40px 16px 56px}}