:root{--ink:#050505;--black:#050505;--muted:#64748b;--line:#d9e3f0;--blue:#145ff5;--blue2:#1746d8;--red:#e21d2f;--soft:#f4f8ff;--white:#fff;--navy:#071a33;--glow:rgba(20,95,245,.16)}*{box-sizing:border-box}html{min-height:100%;background:#fff}body{min-height:100vh;margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 0,#fff 0,#f8fbff 45%,#eaf2ff 100%);overflow-x:hidden}button,input{font:inherit}a{text-decoration:none;color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(3px);pointer-events:none;opacity:.55}.ambient-one{width:420px;height:420px;left:-180px;top:28%;background:radial-gradient(circle,rgba(20,95,245,.18) 0,rgba(20,95,245,0) 70%)}.ambient-two{width:380px;height:380px;right:-160px;bottom:-80px;background:radial-gradient(circle,rgba(226,29,47,.1) 0,rgba(226,29,47,0) 70%)}.auth-header{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:30px 0 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.logo{width:54px;height:54px;display:block;filter:drop-shadow(0 10px 20px rgba(20,95,245,.16))}.logo svg{display:block;width:100%;height:100%}.brand-wordmark{font-weight:900;letter-spacing:.22em;font-size:17px;color:#050505}.brand-wordmark small{display:block;margin-top:4px;color:#145ff5;font-size:10px;letter-spacing:.28em}.back-link{font-weight:800;color:#145ff5;font-size:13px}.back-link span{margin-left:5px;color:var(--red)}.auth-main{width:min(760px,calc(100% - 30px));margin:20px auto 60px;position:relative}.auth-card{background:rgba(255,255,255,.98);border:1px solid #cddcf0;border-radius:30px;padding:42px 50px 34px;box-shadow:0 35px 90px rgba(25,67,126,.13);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--blue) 0 48%,var(--red) 48% 52%,var(--black) 52% 100%)}.guide-pill{display:flex;align-items:center;gap:14px;padding:11px 17px;border:1px solid #bcd2f5;border-radius:999px;background:linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 12px 35px rgba(20,95,245,.09);margin-bottom:38px}.guide-pill>span:nth-child(2){display:flex;flex-direction:column}.guide-pill b{font-size:11px;letter-spacing:.2em;color:#0b3e9e}.guide-pill small{font-size:12px;color:#718096;font-weight:600;margin-top:2px}.guide-pill em{margin-left:auto;color:var(--red);font-style:normal;font-size:20px;font-weight:900}.guide-icon{width:44px;height:44px;border-radius:50%;border:1.5px solid #77a6f7;background:#fff;display:block;position:relative;box-shadow:0 8px 18px rgba(20,95,245,.1)}.guide-icon span{position:absolute;width:5px;height:5px;border-radius:50%;background:#145ff5;top:16px}.guide-icon span:first-child{left:13px}.guide-icon span:nth-child(2){right:13px}.guide-icon i{position:absolute;left:13px;right:13px;bottom:10px;height:9px;border-bottom:2px solid var(--red);border-radius:0 0 20px 20px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.18em;color:#51627a}.eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px #e3edff}.intro{margin-bottom:25px}.intro h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,7vw,64px);line-height:1;letter-spacing:-.055em;margin:27px 0 14px;color:#050505}.intro h1:after{content:"";display:block;width:48px;height:4px;border-radius:99px;background:var(--red);margin-top:14px}.intro p{font-size:18px;color:#64748b;margin:0;line-height:1.5}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 22px}.social-button{min-height:52px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#111827;font-weight:750;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 3px 12px rgba(24,45,75,.04);transition:.18s}.social-button:hover{border-color:#8fb5f2;background:#f8fbff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,95,245,.08)}.google-mark{font-size:18px;font-weight:900;color:#4285f4}.apple-mark{font-size:15px;line-height:1;color:#050505}.ms-mark{display:grid;grid-template-columns:6px 6px;grid-template-rows:6px 6px;gap:2px}.ms-mark i{display:block;background:#111827}.divider{display:flex;align-items:center;gap:14px;color:#8794a7;font-size:11px;font-weight:750;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;background:#e1e8f2;flex:1}.auth-card form>label,.password-label label{display:block;color:#111827;font-size:13px;font-weight:850;letter-spacing:.04em;margin-bottom:8px}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.password-label label{margin:0}.inline-link{border:0;background:transparent;color:#145ff5;font-weight:850;cursor:pointer;padding:0}.inline-link:hover{color:#0b3e9e}.field{position:relative}.field input{width:100%;height:58px;border:1px solid #cbd8e8;border-radius:13px;background:#fbfdff;padding:0 16px 0 44px;color:#050505;outline:0;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s}.field input:focus{border-color:#4d8bf8;background:#fff;box-shadow:0 0 0 4px rgba(20,95,245,.1)}.field-icon{position:absolute;left:16px;top:17px;color:#145ff5;font-weight:900;z-index:1}.error{min-height:0;margin:5px 0 0;color:var(--red);font-size:11px}.form-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0 22px}.remember{display:flex;align-items:center;gap:9px;color:#64748b;font-size:13px;font-weight:750;cursor:pointer}.remember input{position:absolute;opacity:0}.remember span{width:22px;height:22px;border:2px solid #94a3b8;border-radius:7px;background:#fff;display:grid;place-items:center}.remember input:checked+span{background:var(--blue);border-color:var(--blue)}.remember input:checked+span:after{content:"✓";color:#fff;font-size:13px;font-weight:900}.continue-button{width:100%;height:60px;border:0;border-radius:13px;background:linear-gradient(135deg,#050505 0 66%,#145ff5 66%);color:#fff;display:flex;align-items:center;justify-content:center;gap:15px;font-weight:850;letter-spacing:.03em;cursor:pointer;box-shadow:0 14px 28px rgba(5,5,5,.15);transition:.18s}.continue-button strong{font-size:21px;color:#fff}.continue-button:hover{background:linear-gradient(135deg,#111 0 60%,#1746d8 60%);transform:translateY(-1px)}.access-note{display:flex;gap:13px;margin-top:28px;padding:17px 18px;border:1px solid #d9e4f1;border-radius:15px;background:#f8fbff}.note-icon{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-weight:900;border:1px solid #b9d1f8}.access-note b{font-size:13px;color:#111827}.access-note p{margin:4px 0 0;color:#7b8798;font-size:12px;line-height:1.5}.create-row{text-align:center;margin-top:26px;color:#7b8798;font-size:13px}.create-row button{border:0;background:transparent;color:var(--blue);font-weight:850;cursor:pointer}.prototype-note{text-align:center;color:#8a97a9;font-size:11px;letter-spacing:.08em;margin:18px 0}.prototype-note:after{content:" • BLUE • RED • BLACK • WHITE";color:var(--red);font-weight:900}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#050505;color:#fff;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:750;box-shadow:0 15px 40px rgba(5,5,5,.2);transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){.auth-header{width:calc(100% - 28px);padding-top:18px}.brand-wordmark{font-size:14px}.logo{width:46px;height:46px}.back-link{font-size:12px}.auth-main{width:calc(100% - 18px);margin-top:10px}.auth-card{padding:28px 22px 26px;border-radius:24px}.guide-pill{margin-bottom:30px;padding:10px 12px}.guide-pill small{font-size:11px}.guide-icon{width:40px;height:40px}.social-grid{grid-template-columns:1fr;gap:9px}.social-button{justify-content:flex-start;padding-left:18px}.intro h1{font-size:48px;margin-top:23px}.intro p{font-size:16px}.form-row{gap:12px}.prototype-note{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}