body.signup-page{background:#0e0e0b;font-family:Inter,system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;padding:60px 16px 48px}body.signup-page .bg{position:fixed;inset:0;z-index:0;pointer-events:none}body.signup-page .bg-horizon{position:absolute;bottom:-120px;left:50%;width:140%;height:500px;transform:translate(-50%);background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(0,55,200,.55) 0%,rgba(0,30,120,.22) 45%,transparent 75%);animation:signupHorizonDrift 16s ease-in-out infinite alternate}@keyframes signupHorizonDrift{0%{transform:translate(-50%) scaleX(1)}to{transform:translate(-48%) scaleX(1.06)}}body.signup-page .bg-orb-tl{position:absolute;top:-200px;left:-150px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,85,255,.18) 0%,transparent 65%);animation:signupOrbFloat 20s ease-in-out infinite}body.signup-page .bg-orb-tr{position:absolute;top:-100px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,233,98,.1) 0%,transparent 65%);animation:signupOrbFloat 25s ease-in-out infinite reverse}body.signup-page .bg-center{position:absolute;top:30%;left:50%;width:900px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(0,60,200,.12) 0%,transparent 65%);animation:signupOrbFloat 18s ease-in-out infinite}@keyframes signupOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-30px) scale(1.05)}66%{transform:translate(15px,20px) scale(.97)}}body.signup-page .bg-center{animation-name:signupOrbFloatCenter}@keyframes signupOrbFloatCenter{0%,to{transform:translate(-50%,-50%) scale(1)}33%{transform:translate(calc(-50% - 20px),calc(-50% - 30px)) scale(1.05)}66%{transform:translate(calc(-50% + 15px),calc(-50% + 20px)) scale(.97)}}body.signup-page .bg-dots{position:absolute;inset:0}body.signup-page .dot{position:absolute;border-radius:50%;animation:signupDotTwinkle var(--dur, 4s) ease-in-out infinite var(--del, 0s)}@keyframes signupDotTwinkle{0%,to{opacity:var(--op-lo, .15);transform:scale(1)}50%{opacity:var(--op-hi, .5);transform:scale(1.4)}}body.signup-page .floats{position:fixed;inset:0;z-index:1;pointer-events:none}body.signup-page .float-el{position:absolute;opacity:0;animation:signupFloatIn .8s cubic-bezier(.22,1,.36,1) var(--fin-del, 0s) forwards,signupFloatBob var(--bob-dur, 12s) ease-in-out var(--bob-del, 0s) infinite}@keyframes signupFloatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes signupFloatBob{0%,to{transform:translateY(0) rotate(var(--rot-s, 0deg))}33%{transform:translateY(-18px) rotate(var(--rot-m, 4deg))}66%{transform:translateY(-8px) rotate(var(--rot-e, -3deg))}}body.signup-page .card-wrap{position:relative;z-index:10;width:100%;max-width:480px}body.signup-page .card{background:#0e0e12b8;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:44px 40px 36px;box-shadow:0 0 0 1px #ffffff0a,0 32px 80px -20px #000000b3,0 0 60px -10px #0037c82e,inset 0 1px #ffffff0f;animation:signupCardIn .7s cubic-bezier(.22,1,.36,1) .1s both}@keyframes signupCardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}body.signup-page .logo-wrap{display:flex;justify-content:center;margin-bottom:28px}body.signup-page .logo-icon{display:flex;align-items:center;text-decoration:none}body.signup-page .logo-icon .tp-logo{height:32px;width:auto;display:block}body.signup-page .headline{text-align:center;margin-bottom:28px}body.signup-page .headline h1{font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.03em;color:#fff;margin-bottom:8px;line-height:1.2;text-transform:uppercase}body.signup-page .headline p{font-family:Inter,system-ui,sans-serif;font-size:13.5px;line-height:1.55;color:#ffffff94;max-width:320px;margin:0 auto}body.signup-page .divider{height:1px;background:#ffffff14;margin:0 0 24px}body.signup-page .gateway{display:flex;flex-direction:column;gap:20px}body.signup-page .field{display:flex;flex-direction:column;gap:8px}body.signup-page .field-label{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff5c}body.signup-page .role-grid,body.signup-page .intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}body.signup-page .role-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;color:#ffffff94;transition:all .2s cubic-bezier(.22,1,.36,1);text-align:left}body.signup-page .role-btn:hover{background:#ffffff0f;border-color:#ffffff24;color:#fff}body.signup-page .role-btn.active{background:#0055ff1f;border-color:#0055ff73;color:#fff;box-shadow:0 0 0 1px #0055ff26}body.signup-page .role-btn .role-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none;background:#ffffff0f;font-size:14px;transition:background .2s}body.signup-page .role-btn.active .role-icon{background:#05f3}body.signup-page .role-name{font-weight:600;font-size:12.5px}body.signup-page .intent-btn{height:46px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;color:#ffffff94;transition:all .2s cubic-bezier(.22,1,.36,1)}body.signup-page .intent-btn:hover{background:#ffffff0f;border-color:#ffffff24;color:#fff}body.signup-page .intent-btn.active{background:#0055ff1f;border-color:#0055ff73;color:#fff;box-shadow:0 0 0 1px #0055ff26}body.signup-page .btn-create{display:flex;align-items:center;justify-content:center;height:50px;width:100%;background:linear-gradient(135deg,#05f,#3f7bff 60%,#04c);background-size:200% 100%;border:none;border-radius:12px;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:700;color:#fff;cursor:pointer;letter-spacing:-.01em;text-decoration:none;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),background-position .4s;box-shadow:0 4px 20px -6px #0055ff8c}body.signup-page .btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 30px -8px #0055ffb3;background-position:100% 0;color:#fff}body.signup-page .btn-create:active{transform:translateY(0)}body.signup-page .back-link{position:fixed;top:20px;left:20px;z-index:20;display:inline-flex;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;color:#ffffff5c;text-decoration:none;background:#0e0e12b3;backdrop-filter:blur(12px);padding:8px 14px;border-radius:9999px;border:1px solid rgba(255,255,255,.08);transition:color .15s,border-color .15s}body.signup-page .back-link:hover{color:#fff}body.signup-page .fl-1{top:12%;left:8%;--fin-del: .3s;--bob-dur: 11s;--bob-del: 0s;--rot-s: -5deg;--rot-m: 3deg;--rot-e: -6deg}body.signup-page .fl-2{top:8%;right:7%;--fin-del: .5s;--bob-dur: 14s;--bob-del: 2s;--rot-s: 6deg;--rot-m: -2deg;--rot-e: 8deg}body.signup-page .fl-3{top:42%;left:5%;--fin-del: .7s;--bob-dur: 9s;--bob-del: 1s;--rot-s: 0deg;--rot-m: 5deg;--rot-e: -3deg}body.signup-page .fl-4{top:38%;right:6%;--fin-del: .9s;--bob-dur: 13s;--bob-del: 3s;--rot-s: -3deg;--rot-m: 6deg;--rot-e: -2deg}body.signup-page .fl-5{bottom:22%;left:10%;--fin-del: 1.1s;--bob-dur: 10s;--bob-del: 2s;--rot-s: 4deg;--rot-m: -4deg;--rot-e: 6deg}body.signup-page .fl-6{bottom:18%;right:8%;--fin-del: 1.3s;--bob-dur: 15s;--bob-del: 1s;--rot-s: -6deg;--rot-m: 2deg;--rot-e: -4deg}@media(max-width:540px){body.signup-page .card{padding:32px 24px 28px}body.signup-page .fl-3,body.signup-page .fl-4,body.signup-page .fl-5,body.signup-page .fl-6{display:none}}