@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#102a4e;--navy-deep:#07162c;--ink:#17365f;--blue:#2f5ee8;--orange:#ff7a4d;--cream:#fbf7ef;--paper:#fffdfa;--line:#e4ddd2;--muted:#777b84;--soft:#aaa49a;--purple:#8660ef}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Nunito,Inter,system-ui,sans-serif}body{background:var(--cream);color:var(--ink)}a{text-decoration:none;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1.04fr .96fr}.auth-visual{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 48% 56%,rgba(47,94,232,.35),transparent 24%),radial-gradient(circle at 90% 18%,rgba(255,122,77,.12),transparent 21%),linear-gradient(135deg,#0b2347,#102f5a 58%,#101a44)}.auth-visual-inner{position:relative;z-index:2;width:min(100% - 80px,650px);min-height:100dvh;margin:auto;padding:42px 0 34px;display:flex;flex-direction:column}.ofelia-brand{display:flex;align-items:center;gap:11px;width:max-content}.ofelia-brand img{width:50px;height:50px;filter:drop-shadow(0 7px 16px rgba(54,92,255,.22))}.ofelia-brand>span{display:grid}.ofelia-brand strong{font-size:24px;font-weight:900;letter-spacing:-.04em;line-height:1}.ofelia-brand strong span{color:var(--orange)}.ofelia-brand small{margin-top:5px;font-size:8px;font-weight:800;letter-spacing:.24em;opacity:.55}.ofelia-brand.light{color:#fff}.ofelia-brand.dark{color:var(--ink)}.auth-copy{position:relative;z-index:4;margin:auto 0;max-width:570px}.visual-kicker,.auth-welcome{display:inline-block;color:#ff8d65;font-size:9px;font-weight:900;letter-spacing:.18em}.auth-copy h1{margin:18px 0 0;font-size:clamp(43px,4.8vw,67px);line-height:1.03;letter-spacing:-.055em;font-weight:900}.auth-copy h1 em{font-style:normal;color:#fff}.auth-copy p{max-width:510px;margin:20px 0 0;color:rgba(255,255,255,.66);font-size:15px;line-height:1.65}.auth-proof{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:520px;margin-top:29px}.auth-proof>div{min-height:94px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.065);backdrop-filter:blur(12px)}.proof-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.08);color:#9cb2ff;margin-bottom:7px}.proof-icon svg{width:16px;height:16px}.auth-proof strong,.auth-proof small{display:block}.auth-proof strong{font-size:19px;color:#fff}.auth-proof small{margin-top:3px;color:rgba(255,255,255,.44);font-size:8.5px}.auth-footer{position:relative;z-index:4;color:rgba(255,255,255,.35);font-size:9px}.visual-glow{position:absolute;border-radius:50%;filter:blur(65px)}.visual-glow-a{right:10%;top:24%;width:280px;height:280px;background:rgba(83,78,255,.19)}.visual-glow-b{left:-90px;bottom:-60px;width:250px;height:250px;background:rgba(255,122,77,.11)}.visual-orbit{position:absolute;border:1px solid rgba(125,148,255,.08);border-radius:50%}.orbit-a{width:570px;height:570px;left:-300px;top:-260px}.orbit-b{width:620px;height:620px;right:-380px;bottom:-360px}.auth-art{position:absolute;right:-5px;bottom:15%;z-index:1;width:310px;height:330px;opacity:.95}.art-bot{position:absolute;right:25px;bottom:0;width:190px;height:225px;filter:drop-shadow(0 28px 35px rgba(0,0,0,.2))}.bot-screen{position:relative;height:124px;border:7px solid #6e7eff;border-radius:46% 46% 42% 42%;background:#06142f;box-shadow:0 0 48px rgba(79,92,255,.55),inset 0 0 28px rgba(48,68,178,.35)}.bot-screen i{position:absolute;top:51px;width:25px;height:12px;border-radius:0 0 20px 20px;border-bottom:6px solid #b8c6ff}.bot-screen i:first-child{left:37px}.bot-screen i:nth-child(2){right:37px}.bot-screen b{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:24px;height:10px;border-radius:0 0 20px 20px;border-bottom:4px solid #ff8b78}.bot-base{width:116px;height:104px;margin:-2px auto 0;border-radius:26px 26px 46px 46px;background:linear-gradient(145deg,#527dff,#5974ef 52%,#ff7a4d);display:grid;place-items:center;box-shadow:0 22px 38px rgba(42,70,185,.28)}.bot-base img{width:48px}.bot-antenna{position:absolute;top:-29px;left:92px;width:6px;height:35px;border-radius:99px;background:#677bff}.bot-antenna:after{content:"";position:absolute;top:-6px;left:-5px;width:16px;height:16px;border-radius:50%;background:#ff7a4d;box-shadow:0 0 15px rgba(255,122,77,.85)}.art-chat{position:absolute;border:1px solid rgba(115,139,255,.25);background:rgba(27,45,91,.56);box-shadow:0 18px 35px rgba(0,0,0,.18);backdrop-filter:blur(10px)}.art-chat-a{left:5px;top:52px;width:94px;height:77px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:7px}.art-chat-a span{width:9px;height:9px;border-radius:50%;background:#8497ff}.art-chat-a span:nth-child(2){background:#ff7a4d}.art-chat-b{right:0;top:82px;width:86px;height:92px;border-radius:18px;display:grid;place-items:center}.art-chat-b svg{width:43px;height:43px;color:#8297ff}.auth-panel{display:flex;align-items:center;justify-content:center;padding:28px 38px;background:radial-gradient(circle at 96% 4%,rgba(47,94,232,.06),transparent 29%),radial-gradient(circle at 4% 96%,rgba(255,122,77,.045),transparent 30%),var(--cream)}.auth-card{width:min(500px,100%);padding:29px 31px 26px;border:1px solid rgba(221,214,203,.9);border-radius:30px;background:rgba(255,253,250,.93);box-shadow:0 28px 80px rgba(24,52,91,.11),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(20px)}.auth-brand-centered{display:flex;justify-content:center;margin-bottom:19px}.auth-brand-centered .ofelia-brand img{width:48px;height:48px}.auth-brand-centered .ofelia-brand strong{font-size:22px}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 20px;padding:4px;border:1px solid var(--line);border-radius:17px;background:#f3efe8}.auth-mode-switch a{height:42px;display:grid;place-items:center;border-radius:13px;color:#777b84;font-size:11px;font-weight:900;transition:.18s}.auth-mode-switch a.is-active{background:#fffdfa;color:var(--ink);box-shadow:0 7px 20px rgba(31,44,70,.08),inset 0 0 0 1px rgba(224,217,206,.65)}.auth-card-copy{text-align:center;margin-bottom:21px}.auth-card-copy h2{margin:6px 0 0;font-size:32px;line-height:1.08;letter-spacing:-.05em;font-weight:900}.auth-card-copy p{max-width:360px;margin:8px auto 0;color:var(--muted);font-size:11.5px;line-height:1.55}.auth-form{display:grid;gap:13px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-field{display:grid;gap:6px;font-size:10px;font-weight:900}.auth-input-wrap{position:relative;display:flex;align-items:center;min-height:53px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(38,51,75,.03);transition:.18s}.auth-input-wrap:focus-within{border-color:rgba(47,94,232,.44);box-shadow:0 0 0 4px rgba(47,94,232,.075),0 10px 26px rgba(38,51,75,.04)}.auth-input-wrap>svg{position:absolute;left:15px;width:20px;height:20px;color:#8c96a5;pointer-events:none}.auth-input-wrap input{width:100%;height:51px;border:0;outline:0;border-radius:16px;background:transparent;padding:0 45px 0 47px;color:var(--ink);font:700 14px Nunito,sans-serif}.auth-input-wrap input::placeholder{color:#a2a7af}.auth-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:39px;height:39px;border:0;border-radius:11px;background:transparent;color:#8d97a6;display:grid;place-items:center;cursor:pointer}.auth-password-toggle:hover{background:#f2efff;color:#6d5ae8}.auth-password-toggle svg{width:20px;height:20px}.eye-closed{display:none}.auth-password-toggle.is-showing .eye-open{display:none}.auth-password-toggle.is-showing .eye-closed{display:block}.auth-meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:-2px;color:var(--muted);font-size:9.5px}.auth-meta-row a{color:var(--blue);font-weight:900}.auth-submit{height:54px;margin-top:1px;border:0;border-radius:17px;background:linear-gradient(102deg,var(--orange),#7760ef 55%,var(--blue));box-shadow:0 16px 30px rgba(76,83,224,.19),0 7px 18px rgba(255,122,77,.12);display:flex;align-items:center;justify-content:center;gap:11px;color:#fff;font:900 14px Nunito,sans-serif;cursor:pointer;transition:.18s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 20px 38px rgba(76,83,224,.23),0 8px 22px rgba(255,122,77,.14)}.auth-submit svg{width:19px;height:19px}.auth-note{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid rgba(47,94,232,.14);border-radius:14px;background:linear-gradient(135deg,rgba(47,94,232,.055),rgba(255,122,77,.04));color:var(--ink)}.auth-note>span{color:#7560ec}.auth-note strong,.auth-note small{display:block}.auth-note strong{font-size:9.5px}.auth-note small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.4}.auth-security{display:flex;justify-content:center;align-items:center;gap:6px;margin:19px 0 0;color:#9c998f;font-size:9px}.auth-security svg{width:14px;height:14px;color:#25a86a}.auth-legal{text-align:center;margin:9px 0 0;color:#aaa69e;font-size:8px;line-height:1.45}.form-error{margin:0 0 14px;padding:10px 12px;border:1px solid rgba(207,79,88,.2);border-radius:13px;background:#fff0f1;color:#b84650;font-size:10px;font-weight:800}@media(max-width:1080px){.auth-copy{max-width:500px}.auth-copy h1{font-size:51px}.auth-art{width:260px;opacity:.72;right:-40px}.auth-proof{max-width:470px}.auth-panel{padding:24px}.auth-card{padding-inline:25px}}@media(max-width:820px){.auth-shell{display:block;min-height:100dvh}.auth-visual{display:none}.auth-panel{min-height:100dvh;padding:22px 15px;background:radial-gradient(circle at 98% 2%,rgba(47,94,232,.07),transparent 36%),var(--cream)}.auth-card{width:min(500px,100%);padding:25px 22px 22px;border-radius:28px}.auth-brand-centered{margin-bottom:15px}.auth-brand-centered .ofelia-brand img{width:44px;height:44px}.auth-brand-centered .ofelia-brand strong{font-size:20px}.auth-mode-switch{margin-bottom:15px}.auth-card-copy{margin-bottom:16px}.auth-card-copy h2{font-size:28px}.auth-card-copy p{font-size:10.5px}.auth-form{gap:11px}.auth-input-wrap{min-height:49px}.auth-input-wrap input{height:47px}.auth-submit{height:50px}.auth-security{margin-top:14px}.auth-legal{margin-top:7px}}@media(max-width:520px){.auth-panel{align-items:flex-start;padding-top:16px}.auth-card{padding:21px 16px 19px}.register-grid{grid-template-columns:1fr}.auth-mode-register .auth-brand-centered{margin-bottom:11px}.auth-mode-register .auth-mode-switch{margin-bottom:11px}.auth-mode-register .auth-card-copy{margin-bottom:12px}.auth-mode-register .auth-card-copy p{display:none}.auth-mode-register .auth-form{gap:9px}.auth-mode-register .auth-input-wrap{min-height:47px}.auth-mode-register .auth-input-wrap input{height:45px;font-size:13px}.auth-mode-register .auth-note{padding:8px 10px}.auth-mode-register .auth-submit{height:48px}.auth-card-copy h2{font-size:27px}}

/* OfeliA v0.5.0.24.69.39.67 — auth centering */
@media (max-width:820px){
  .auth-panel{
    min-height:100dvh;
    min-height:100svh;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    overflow-y:auto;
    padding:max(18px,env(safe-area-inset-top)) 15px max(18px,env(safe-area-inset-bottom));
  }
  .auth-card{
    flex:0 0 auto;
    margin:auto;
  }
}
@media (max-width:520px){
  .auth-panel{
    align-items:stretch;
    justify-content:flex-start;
    padding:max(14px,env(safe-area-inset-top)) 15px max(14px,env(safe-area-inset-bottom));
  }
  .auth-card{margin:auto;}
}