@import"https://fonts.cdnfonts.com/css/google-sans";:root{--logo-width: 28%;--bg-deep: #000000;--surface-color: #0A0A0A;--surface-border: rgba(255, 255, 255, .12);--input-bg: rgba(255, 255, 255, .03);--input-border: rgba(255, 255, 255, .08);--input-focus: rgba(255, 255, 255, .25);--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--text-tertiary: #71717A}body{font-family:Google Sans,-apple-system,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px;overflow:hidden}.radial-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse at top,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.container{position:relative;z-index:1;width:100%;max-width:640px;display:flex;flex-direction:column;gap:40px}.auth-container{max-width:400px}.brand-logo{width:100%;display:flex;justify-content:center;margin-bottom:8px}.brand-logo svg{width:var(--logo-width);height:auto}.header-text{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.user-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;color:var(--text-secondary)}.user-badge strong{color:var(--text-primary);font-weight:500}.dot{width:6px;height:6px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e80}h1{font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1.1;margin:0;background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1 em{font-style:italic;font-family:serif}.header-text p{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:0;max-width:480px}.glass-panel{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 4px 30px #00000080,inset 0 1px #ffffff0d}.form-card{display:flex;flex-direction:column;padding:24px;gap:20px}.input-wrapper{display:flex;flex-direction:column;gap:8px}.input-row{display:flex;gap:16px}.input-row .input-wrapper{flex:1}label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-left:2px}input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-family:Google Sans,sans-serif;font-size:15px;padding:14px 16px;border-radius:10px;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}input::placeholder{color:var(--text-tertiary)}input:hover{background:#ffffff0d}input:focus{background:#ffffff14;border-color:var(--input-focus);box-shadow:0 0 0 4px #ffffff0d}.form-actions{margin-top:8px;width:100%}.btn-primary{width:100%;background:linear-gradient(180deg,#fff,#e4e4e7);color:#000;border:none;font-family:Google Sans,sans-serif;font-size:15px;font-weight:600;padding:16px;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #ffffff1a}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#ffffff14;color:var(--text-secondary);box-shadow:none;cursor:not-allowed}.result-section{display:flex;flex-direction:column;gap:12px}.result-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;padding:0 4px}.angle-card{background:linear-gradient(145deg,#ffffff09,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;box-shadow:0 2px 20px #0006,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;opacity:0;animation:cardIn .45s ease forwards;animation-fill-mode:both;cursor:default}.angle-card:hover{border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 12px 40px #0009,inset 0 1px #ffffff14,0 0 0 1px #22c55e0f}.angle-card.error-card{background:#ef44440a;border-color:#ef444433;color:var(--text-secondary);font-size:14px;line-height:1.7}.angle-card.error-card:hover{border-color:#ef444459;box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff0a}.angle-card h1,.angle-card h2{font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.3;margin:0 0 16px;background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.angle-card h3{font-size:13px;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.08em;margin:20px 0 8px}.angle-card h3:first-child{margin-top:0}.angle-card p{color:var(--text-secondary);font-size:14px;line-height:1.75;margin:0 0 10px}.angle-card p:last-child{margin-bottom:0}.angle-card ul{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:7px}.angle-card ul:last-child{margin-bottom:0}.angle-card li{color:var(--text-secondary);font-size:14px;line-height:1.65;padding-left:16px;position:relative}.angle-card li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e80}.angle-card strong{color:#fff;font-weight:600}.angle-card em{color:var(--text-secondary);font-style:italic}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.toggle-text{text-align:center;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:color .2s ease}.toggle-text:hover{color:var(--text-primary)}.progress-wrapper{display:flex;flex-direction:column;animation:fadeIn .4s ease}.progress-container{width:100%;height:6px;background:#ffffff0d;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.progress-bar{height:100%;background:#22c55e;border-radius:10px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #22c55e99}.progress-subtext{font-size:11px;color:var(--text-tertiary);letter-spacing:.4px;margin-top:6px;transition:opacity .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.has-banner{padding-bottom:72px}.promo-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#1c1c1c;border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:12px 24px;animation:bannerIn .4s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 -4px 24px #0006}@keyframes bannerIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.promo-banner-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.promo-left{display:flex;align-items:center;gap:14px;min-width:0}.promo-eyebrow{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.promo-timer{display:flex;gap:5px;align-items:center}.timer-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:5px 8px 4px;display:flex;flex-direction:column;align-items:center;min-width:38px;box-shadow:inset 0 1px #ffffff0d}.timer-value{font-size:15px;font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.timer-label{font-size:8px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;line-height:1;margin-top:3px}.promo-cta{background:#22c55e;color:#000;border:none;font-family:Google Sans,sans-serif;font-size:13px;font-weight:700;padding:11px 20px;border-radius:9px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 0 20px #22c55e40}.promo-cta:hover{transform:translateY(-1px);box-shadow:0 4px 24px #22c55e73}.promo-cta:active{transform:translateY(0)}.typeform-overlay{position:fixed;inset:0;z-index:200;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.typeform-modal{position:relative;width:75vw;height:80vh;background:var(--surface-color);border:1px solid var(--surface-border);border-radius:20px;overflow:visible;box-shadow:0 32px 80px #000000e6,inset 0 1px #ffffff0d}.typeform-modal iframe{width:100%;height:100%;border:none;display:block;border-radius:20px}.typeform-close{position:absolute;top:-14px;right:-14px;z-index:10;background:#1a1a1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;padding:0;line-height:1;box-shadow:0 4px 16px #00000080}.typeform-close:hover{background:#333;transform:scale(1.1)}