@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans:wght@400;500;600&display=swap');
:root{--navy:#061153;--orange:#f8950d;--blue:#1053f3;--muted:#7b88a4}*{box-sizing:border-box}body{margin:0;background:#f4f7ff;color:var(--navy);font:15px/1.7 'Noto Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.05em;line-height:1.2}a:focus-visible,button:focus-visible{outline:3px solid #f8950d;outline-offset:4px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:44% 56%}.brand-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0 90%,#263e83,transparent 60%),linear-gradient(145deg,#061153,#0b1c54);color:white;padding:45px 60px;min-height:100vh}.brand-panel:before{content:'';position:absolute;right:-180px;top:-200px;width:600px;height:600px;border:1px solid #ffffff07;border-radius:50%;box-shadow:0 0 0 60px #ffffff02,0 0 0 120px #ffffff02;z-index:-1}.auth-brand{display:flex;gap:15px;align-items:center;font:800 25px Manrope;letter-spacing:.04em;align-self:flex-start}.auth-brand small{display:block;font:600 9px 'Noto Sans';letter-spacing:.6em;color:#a2b5dc;margin-top:6px}.brand-symbol{font:800 45px/1 Manrope;position:relative}.brand-symbol>span{position:absolute;right:-11px;top:-10px;color:#f8950d;font-size:29px}.brand-content{margin-block:auto;padding:65px 0 40px}.brand-eyebrow{font-size:10px;letter-spacing:.14em;color:#aac1ef;display:block;margin-bottom:22px;font-weight:600}.brand-eyebrow i{height:6px;width:6px;display:inline-block;border-radius:50%;background:#f8950d;margin-right:8px}.brand-content h2{font-size:clamp(43px,4.9vw,77px);font-weight:600;line-height:1.12}.brand-content h2 em{font-style:normal;color:#ffb54e}.brand-content>p{margin-top:25px;color:#96abd1;font-size:15px;line-height:1.9}.brand-art{position:relative;height:230px;max-width:360px;margin-top:35px;display:grid;place-items:center}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #7da4ff28}.orbit-one{height:210px;width:210px}.orbit-two{height:155px;width:155px;transform:translate(-50%,-50%) rotate(-30deg);border-style:dashed;opacity:.8}.orbit-three{width:285px;height:105px;transform:translate(-50%,-50%) rotate(-25deg)}.art-star{font-size:100px;color:#f8950d;line-height:1;text-shadow:0 8px 50px #f8950d33}.art-chip{position:absolute;display:flex;align-items:center;gap:9px;backdrop-filter:blur(15px);background:#203673d9;border:1px solid #ffffff12;padding:11px 15px;border-radius:11px;color:#c4d4f4;font-size:11px;box-shadow:0 12px 25px #0000000a}.art-chip>span{color:#ffb84f;font-size:19px;line-height:1}.chip-one{left:0;bottom:30px}.chip-two{right:0;top:22px}.brand-bottom>span{font-size:9px;letter-spacing:.09em;color:#a7b8d6;display:block;line-height:1.8}.brand-bottom small{display:block;font-size:10px;color:#687fa8;margin-top:13px}.form-panel{padding:35px 55px 25px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#fff0dc,transparent 35%),#fff}.auth-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.back-link{font-size:12px;color:#8190a8;display:flex;align-items:center;gap:9px}.back-link span{font-size:18px}.preview-badge{font-size:10px;color:#8b795b;border:1px solid #f3dfbf;background:#fff8ec;padding:5px 10px;border-radius:30px;white-space:nowrap}.preview-badge i{display:inline-block;width:4px;height:4px;background:#f8950d;border-radius:50%;margin-right:5px}.form-content{width:min(100%,450px);margin:auto;padding:45px 0}.heading-icon{width:54px;height:54px;display:grid;place-items:center;background:#fff2df;border:1px solid #ffe1b4;border-radius:16px;color:#cc7808;margin-bottom:25px;box-shadow:0 5px 15px #f8950d09}.heading-icon svg{width:25px;height:25px}.form-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:#8190aa;display:block;margin-bottom:10px}.form-content h1{font-size:38px;font-weight:800}.form-content h1>span{color:#f8950d}.form-description{color:#8190a8;font-size:14px;margin-top:13px;margin-bottom:30px}.field{margin-bottom:21px}.field label{display:block;font-size:14px;font-weight:600;color:#384e75;margin-bottom:9px}.input-wrap{display:flex;align-items:center;border:1px solid #f8950d;border-radius:9px;transition:box-shadow .2s;background:white;padding:0 15px;gap:12px;min-height:55px}.input-wrap:hover{box-shadow:0 0 0 3px #f8950d13}.input-wrap:focus-within{box-shadow:0 0 0 4px #f8950d1c;outline:2px solid #f8950d;outline-offset:2px}.input-wrap>svg{width:18px;height:18px;stroke:#a49377;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.input-wrap input{background:transparent;color:#23385d;min-width:0;width:100%;border:0;outline:0;font-size:15px;padding:15px 0}.input-wrap input::placeholder{color:#a4aec0;font-size:14px}.password-toggle{display:grid;place-items:center;width:30px;height:32px;flex-shrink:0;background:none;border:0;color:#8e9bb2;padding:4px;border-radius:5px}.password-toggle:hover{background:#fff2df;color:#cc7808}.password-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}.field small{font-size:12px;display:block;color:#98a4b8;margin-top:7px}.submit-button{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border:1px solid #f8950d;border-radius:9px;padding:15px 19px;background:linear-gradient(110deg,#f8950d,#ffb03e);color:#3d2c12;font:800 15px Manrope;box-shadow:0 6px 16px #f8950d1c;transition:background .2s,transform .2s}.submit-button>span{font-size:23px;font-weight:400;line-height:1}.submit-button:hover{background:#f9a227;transform:translateY(-1px)}.switch-page{text-align:center;margin-top:25px;font-size:13px;color:#8c99af}.switch-page a{color:#1053f3;font-weight:700;margin-left:4px}.switch-page a span{margin-left:4px}.preview-note{display:flex;gap:10px;align-items:flex-start;background:#f6f8fc;border:1px solid #e8edf5;padding:13px 15px;border-radius:8px;margin-top:28px;color:#8395b3}.preview-note>span{font-size:16px;line-height:1.6}.preview-note p{font-size:11px;line-height:1.8;color:#8b99af}.auth-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a2aec0;gap:20px}.auth-footer>span{font-weight:600;letter-spacing:.08em}.auth-footer a{color:#8092b0}.auth-feedback{font-size:13px;padding:13px 15px;margin-top:20px;background:#edf8f3;border:1px solid #cfeade;border-radius:8px;color:#277458;line-height:1.8}.dashboard-preview{display:block;text-align:center;margin-top:15px;color:#1053f3;font-size:14px;font-weight:700}
@media(min-width:1600px){.brand-panel{padding-inline:85px}.form-content{width:480px}.form-content h1{font-size:44px}.field label{font-size:15px}.input-wrap input{font-size:16px}.form-description{font-size:16px}}
@media(max-width:1100px){.auth-shell{grid-template-columns:40% 60%}.brand-panel{padding:35px}.brand-content h2{font-size:48px}.brand-content>p{font-size:13px}.brand-art{margin-top:20px}.art-chip{font-size:9px;padding:9px 11px}.chip-one{left:-10px}.chip-two{right:-10px}.form-panel{padding-inline:35px}.auth-brand{font-size:21px}.brand-bottom>span{font-size:8px}.form-content h1{font-size:34px}}
@media(max-width:800px){.auth-shell{display:block}.brand-panel{min-height:auto;padding:25px 30px}.brand-content,.brand-bottom{display:none}.form-panel{min-height:calc(100vh - 100px);padding:25px 30px}.form-content{padding:40px 0}.form-content h1{font-size:36px}.auth-top{font-size:11px}.auth-footer{padding-top:15px}.auth-brand small{display:inline;font-size:10px;letter-spacing:.18em;margin-left:10px}.auth-brand{font-size:20px}.brand-symbol{font-size:35px}.brand-symbol>span{font-size:25px}}
@media(max-width:420px){.form-panel{padding:24px}.brand-panel{padding:24px}.form-content h1{font-size:32px}.preview-badge{font-size:9px}.back-link{font-size:11px}.form-description{font-size:13px}.form-content{padding-top:32px}.auth-footer{font-size:9px;gap:12px}.switch-page{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.submit-button:hover{transform:none}}
.auth-error{background:#fff2ef;border-color:#f2cbc2;color:#a4402c;margin-bottom:22px}.auth-feedback{margin-bottom:22px}
.account-login-hint{font-size:13px;color:#6e7e99;line-height:1.8;margin-bottom:22px}
#referral-result[data-state="valid"]{color:#16845e;font-weight:600}#referral-result[data-state="invalid"]{color:#b44e35}