html,body{overflow-x:hidden;max-width:100vw;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.auth-page{display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;padding:1rem;background:linear-gradient(145deg,#f0f2ff,#e8ebff 45%,#f5f6ff);font-family:var(--font-body);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-10rem;left:-10rem;width:30rem;height:30rem;border-radius:50%;background:radial-gradient(circle,rgba(99,80,237,.15),transparent 70%);filter:blur(80px)}.auth-page:after{content:"";position:absolute;bottom:-8rem;right:-8rem;width:25rem;height:25rem;border-radius:50%;background:radial-gradient(circle,rgba(1,111,255,.12),transparent 70%);filter:blur(80px)}.auth-card{width:100%;max-width:380px;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem;border-radius:24px;text-align:center;background:#fffffff2;border:1px solid rgba(0,20,206,.08);box-shadow:0 35px 70px #09081c1f;backdrop-filter:blur(10px);position:relative;z-index:1;margin:auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}@media (min-width: 480px){.auth-card{padding:2.5rem}}.auth-card>*{max-width:100%;box-sizing:border-box}.auth-content-wrapper{width:100%;display:flex;flex-direction:column;overflow:hidden}.back-to-landing{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#0014ce;text-decoration:none;font-weight:500;font-size:.85rem;padding:.5rem 1rem;border-radius:12px;background:transparent;border:1px solid rgba(0,20,206,.15);transition:all .2s ease;margin:0 auto 1.25rem;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:-moz-fit-content;width:fit-content}.back-to-landing:hover{background:#0014ce0d;border-color:#0014ce4d;color:#0014ce}.back-to-landing:active{transform:scale(.97);background:#0014ce14}.back-to-landing svg{flex-shrink:0;width:16px;height:16px}@media (min-width: 480px){.back-to-landing{font-size:.9rem;padding:.55rem 1.1rem;margin-bottom:1.5rem}.back-to-landing svg{width:18px;height:18px}}.auth-header{display:flex;flex-direction:column;align-items:center;width:100%}.auth-title{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;color:#09081c;font-family:var(--font-display);letter-spacing:-.01em}@media (min-width: 480px){.auth-title{font-size:1.75rem;margin-bottom:1.5rem}}.auth-subtitle{font-size:.9rem;color:#4a4e5f;margin-bottom:1.5rem;text-align:left;line-height:1.5}@media (min-width: 480px){.auth-subtitle{font-size:1rem;margin-bottom:2rem;line-height:1.6}}.form-group{margin-bottom:.75rem;text-align:left;width:100%;box-sizing:border-box}@media (min-width: 480px){.form-group{margin-bottom:1rem}}.form-input{width:100%;padding:.75rem .85rem;border:1px solid rgba(0,20,206,.15);border-radius:14px;font-size:.95rem;background:#f5f6ff80;color:#121624;transition:all .2s ease;box-sizing:border-box}@media (min-width: 480px){.form-input{padding:.85rem 1rem;font-size:1rem}}.form-input:focus{outline:none;border-color:#0014ce;background:#fff;box-shadow:0 0 0 4px #6350ed1a}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:#4a4e5f;width:100%;box-sizing:border-box;flex-wrap:wrap;gap:.5rem}.form-options label{display:flex;align-items:center;gap:.5rem}.form-options a{color:#0014ce;text-decoration:none;font-weight:600}.form-options a:hover{color:#6350ed;text-decoration:underline}.btn-primary{width:100%;padding:.8rem;background:linear-gradient(130deg,#0014ce,#6350ed);color:#fff;border:none;border-radius:16px;font-weight:600;font-size:.95rem;cursor:pointer;margin-bottom:.85rem;transition:all .2s ease;box-shadow:0 20px 35px #0014ce40;box-sizing:border-box}@media (min-width: 480px){.btn-primary{padding:.95rem;font-size:1rem;margin-bottom:1rem}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 40px #0014ce59}.btn-secondary{width:100%;padding:.8rem;background:#09081c0d;color:#4a4e5f;border:1px solid rgba(9,8,28,.1);border-radius:16px;font-weight:600;font-size:.95rem;cursor:pointer;margin-top:.5rem;transition:all .2s ease;box-sizing:border-box}.btn-secondary:hover{background:#6350ed14;border-color:#6350ed40;color:#3729b0}.btn-danger{width:100%;padding:.95rem;border:none;border-radius:16px;font-weight:600;font-size:1rem;cursor:pointer;margin-bottom:1rem;background:#ef4444;color:#fff;transition:all .2s ease}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.error{background:#ef44441a;color:#dc2626;padding:.85rem 1rem;border-radius:14px;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2);font-size:.95rem;text-align:left}.auth-notice{background:#6350ed1f;color:#3729b0;padding:.85rem 1rem;border-radius:14px;margin-bottom:1rem;border:1px solid rgba(99,80,237,.2);font-size:.95rem;text-align:left}.terms-container{margin-bottom:1rem;text-align:left;font-size:.9rem;color:#4a4e5f}.terms-item{margin-bottom:.75rem}.terms-option{display:flex;align-items:flex-start;gap:.5rem}.terms-option input[type=checkbox]{margin-top:.2rem}.terms-details{margin-left:1.9rem;margin-top:.35rem;font-size:.85rem;color:#676d82}.terms-details summary{cursor:pointer;color:#0014ce;font-weight:600;list-style:none}.terms-details summary::marker,.terms-details summary::-webkit-details-marker{display:none}.terms-details summary:before{content:"+";display:inline-block;margin-right:.35rem}.terms-details[open] summary:before{content:"-"}.divider{text-align:center;margin:1rem 0;font-size:.85rem;color:#888ea3;position:relative}@media (min-width: 480px){.divider{margin:1.25rem 0;font-size:.9rem}}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#0014ce1a}.divider:before{left:0}.divider:after{right:0}.two-factor-header{text-align:left;margin-bottom:1rem}.two-factor-title{font-size:1.1rem;font-weight:600;color:#09081c;margin-bottom:.35rem}.two-factor-description{font-size:.9rem;color:#4a4e5f;line-height:1.5}.two-factor-methods{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.two-factor-method-button{flex:1 1 120px;min-width:120px;border:1px solid rgba(0,20,206,.15);border-radius:12px;background:#fff;color:#4a4e5f;padding:.65rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.two-factor-method-button.selected{border-color:#0014ce;background:#6350ed1a;color:#0014ce;box-shadow:0 0 0 2px #6350ed26}.two-factor-hint{margin-bottom:1.1rem;font-size:.9rem;color:#4a4e5f;text-align:left;line-height:1.6}.btn-google{width:100%;padding:.8rem;background:#fff;border:1px solid rgba(0,20,206,.15);border-radius:16px;font-weight:500;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.65rem;cursor:pointer;margin-bottom:.85rem;transition:all .2s ease;box-sizing:border-box}@media (min-width: 480px){.btn-google{padding:.95rem;font-size:.95rem;margin-bottom:1rem}}.btn-google:hover{background:#f5f6ffb3;border-color:#0014ce40;transform:translateY(-1px)}.auth-demo{margin:1rem 0;text-align:left;width:100%;box-sizing:border-box}@media (min-width: 480px){.auth-demo{margin:1.5rem 0}}.auth-demo__label{font-size:.85rem;color:#121624;margin-bottom:.65rem;font-family:var(--font-body);font-weight:500}@media (min-width: 480px){.auth-demo__label{font-size:.95rem;margin-bottom:.75rem}}.btn-demo{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1rem;border-radius:16px;border:none;background:linear-gradient(135deg,#0014ce,#6350ed,#016fff);color:#fff;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%;box-shadow:0 20px 35px #6350ed4d;box-sizing:border-box}@media (min-width: 480px){.btn-demo{padding:.95rem 1.2rem}}.btn-demo:disabled{opacity:.7;cursor:default}.btn-demo:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 40px #6350ed66}.btn-demo__inner{position:relative;z-index:2;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(9,8,28,.2);font-family:var(--font-display);font-size:.9rem}@media (min-width: 480px){.btn-demo__inner{font-size:1rem}}.btn-demo__glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3),transparent 60%),radial-gradient(circle at 80% 20%,rgba(198,191,255,.25),transparent 55%),radial-gradient(circle at 50% 80%,rgba(160,236,255,.2),transparent 60%);mix-blend-mode:screen;opacity:.9;transition:opacity .2s ease}.btn-demo:hover:not(:disabled) .btn-demo__glow{opacity:1}.auth-demo__error{margin-top:.75rem;color:#dc2626;font-size:.9rem}.btn-demo--level-1{animation:demo-pulse 2s ease-in-out infinite;box-shadow:0 20px 35px #6350ed4d,0 0 #6350edb3}@keyframes demo-pulse{0%,to{transform:scale(1);box-shadow:0 20px 35px #6350ed4d,0 0 #6350edb3}50%{transform:scale(1.02);box-shadow:0 24px 40px #6350ed73,0 0 0 8px #6350ed00}}.btn-demo--level-1:hover:not(:disabled){animation:demo-pulse 1.5s ease-in-out infinite}.btn-demo--level-2{position:relative;animation:demo-glow-pulse 2.5s ease-in-out infinite;box-shadow:0 20px 35px #6350ed66,0 0 20px #6350ed4d}.btn-demo--level-2:before{content:"";position:absolute;inset:-3px;border-radius:18px;padding:3px;background:linear-gradient(90deg,#6350edcc,#016fffcc,#a0ecffcc,#6350edcc);background-size:300% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:demo-border-spin 3s linear infinite,demo-border-glow 2s ease-in-out infinite;pointer-events:none;z-index:-1}.btn-demo--level-2:after{content:"";position:absolute;inset:-20px;border-radius:30px;background:radial-gradient(circle at center,rgba(99,80,237,.3),transparent 70%);filter:blur(20px);animation:demo-aura-pulse 2s ease-in-out infinite;pointer-events:none;z-index:-2}@keyframes demo-border-spin{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes demo-border-glow{0%,to{opacity:.6;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}@keyframes demo-glow-pulse{0%,to{transform:scale(1);box-shadow:0 20px 35px #6350ed66,0 0 20px #6350ed4d}50%{transform:scale(1.03);box-shadow:0 26px 45px #6350ed99,0 0 30px #6350ed80}}@keyframes demo-aura-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.btn-demo--level-2:hover:not(:disabled){animation:demo-glow-pulse 1.8s ease-in-out infinite;box-shadow:0 24px 45px #6350ed80,0 0 25px #6350ed66}.btn-demo--level-2:hover:not(:disabled):before{animation:demo-border-spin 2s linear infinite,demo-border-glow 1.5s ease-in-out infinite}.btn-demo--level-2:hover:not(:disabled):after{animation:demo-aura-pulse 1.5s ease-in-out infinite}.back-to-landing{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#0014ce;text-decoration:none;font-weight:600;font-size:.9rem;padding:.65rem 1.25rem;border-radius:14px;background:#fffffffa;border:1px solid rgba(0,20,206,.2);transition:all .25s ease;z-index:100;backdrop-filter:blur(10px);box-shadow:0 4px 16px #09081c1a;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;min-width:120px}.back-to-landing:hover{background:#fff;border-color:#0014ce;box-shadow:0 6px 20px #0014ce33;transform:translate(-50%) translateY(-2px)}.back-to-landing:active{transform:translate(-50%) scale(.97)}@supports (padding: max(0px)){.back-to-landing{top:max(1rem,env(safe-area-inset-top,1rem))}}@media (min-width: 480px){.back-to-landing{top:1.5rem;font-size:.95rem;padding:.75rem 1.5rem;min-width:140px}@supports (padding: max(0px)){.back-to-landing{top:max(1.5rem,env(safe-area-inset-top,1.5rem))}}}@media (max-height: 500px) and (orientation: landscape){.back-to-landing{top:.5rem;font-size:.85rem;padding:.5rem 1rem;min-width:100px}@supports (padding: max(0px)){.back-to-landing{top:max(.5rem,env(safe-area-inset-top,.5rem))}}}.auth-page{position:relative;width:100%;overflow-x:hidden}.back-to-landing svg{flex-shrink:0;width:18px;height:18px}@media (min-width: 480px){.back-to-landing svg{width:20px;height:20px}}.auth-link{font-size:.85rem;color:#4a4e5f;font-family:var(--font-body);margin-top:.75rem;width:100%;box-sizing:border-box;word-wrap:break-word}@media (min-width: 480px){.auth-link{font-size:.9rem;margin-top:1rem}}.auth-link a{color:#0014ce;font-weight:600;text-decoration:none}.auth-link a:hover{color:#6350ed;text-decoration:underline}.spinner{width:48px;height:48px;border:4px solid rgba(99,80,237,.1);border-top-color:#6350ed;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loading{font-size:1.1rem;font-weight:600;color:#09081c;margin-bottom:.5rem;font-family:var(--font-display)}.callback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;padding:2rem 1rem}.callback-container p{font-size:.95rem;color:#4a4e5f;margin:0;line-height:1.5}.error-title{font-size:1.2rem;font-weight:700;color:#dc2626;margin-bottom:.75rem;font-family:var(--font-display)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#0014ce;text-decoration:none;font-weight:600;font-size:.95rem;margin-top:1.5rem;padding:.75rem 1.25rem;border-radius:12px;background:#6350ed0d;border:1px solid rgba(99,80,237,.15);transition:all .2s ease}.back-link:hover{background:#6350ed1a;border-color:#6350ed4d;transform:translateY(-1px)}