:root{--navy:#212d45;--gold:#ffc03d;--ink:#18243a;--muted:#697487;--line:#e3e7ed;--paper:#f7f8fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ae7600;outline-offset:4px}a:hover{color:#8b5c00}.site-header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;font-size:26px;font-weight:800;letter-spacing:-1px;gap:9px}.brand img{object-fit:contain;border-radius:10px;background:white}.brand-dot{color:#c18a12;margin-left:-9px}.back-link{font-size:13px;font-weight:600;display:flex;gap:10px;align-items:center;color:#596579}.auth-shell{max-width:1160px;margin:12px auto 28px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e3e7ed;border-radius:26px;overflow:hidden;box-shadow:0 20px 70px #212d450a;min-height:660px}.story-panel{position:relative;background:var(--navy);color:white;padding:48px;display:flex;flex-direction:column;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px;color:#d3dbe7}.status-dot{background:var(--gold);width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #ffc03d15}.story-copy{margin-top:40px;position:relative;z-index:1}.story-copy h1{font-size:clamp(32px,3.6vw,46px);font-weight:750;line-height:1.17;letter-spacing:-1.8px;margin:0 0 20px}.story-copy h1 span{color:var(--gold)}.story-copy p{color:#bcc6d6;font-size:15px;line-height:1.8;margin:0}.store-art{position:relative;flex:1;min-height:265px;margin:15px -15px 10px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #ffffff0d;width:250px;height:250px;border-radius:50%}.orbit-two{width:350px;height:350px}.shopping-bag{position:relative;width:160px;height:165px;border-radius:6px 6px 17px 17px;background:linear-gradient(125deg,#ffdb81,#ffc03d 60%,#eba51f);transform:rotate(-9deg);box-shadow:18px 24px 0 #0d172933,0 25px 65px #0003;display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:22px;font-weight:850;letter-spacing:-1px}.shopping-bag>span>span{font-weight:500}.bag-handle{position:absolute;top:-40px;width:65px;height:58px;border:8px solid #ffdb81;border-bottom:0;border-radius:35px 35px 0 0;box-shadow:inset 2px 0 0 #bc841930}.bag-line{position:absolute;bottom:17px;left:20px;right:20px;border-top:1px solid #b9842440}.floating-label{position:absolute;z-index:2;padding:12px 15px;border:1px solid #ffffff18;border-radius:12px;background:#344159;box-shadow:0 8px 20px #0001;font-size:11px;font-weight:600;display:flex;align-items:center;gap:10px}.label-top{top:26px;right:0;transform:rotate(5deg)}.label-top i{color:var(--gold)}.label-bottom{bottom:23px;left:0;transform:rotate(-3deg);background:#f7f8fa;color:var(--navy)}.mini-icon{display:grid;place-items:center;background:#e8f3ec;color:#34764c;width:25px;height:25px;border-radius:50%}.art-spark{position:absolute;color:var(--gold);font-size:29px}.spark-one{top:40px;left:30px}.spark-two{right:23px;bottom:66px;font-size:19px}.story-footer{padding-top:25px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:12px}.story-footer>div{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#bfc9d9}.story-footer i{color:var(--gold);font-size:15px}.form-panel{padding:50px 48px;display:flex;align-items:center;justify-content:center}.form-inner{width:100%;max-width:390px}.auth-tabs{display:flex;gap:6px;background:#f3f5f8;border:1px solid #e9edf2;padding:5px;border-radius:12px;margin-bottom:35px}.auth-tabs a{flex:1;text-align:center;padding:10px 8px;color:#737d8d;font-size:12px;font-weight:650;border-radius:8px}.auth-tabs a.selected{background:white;color:var(--navy);box-shadow:0 2px 6px #212d4510}.section-kicker{font-size:9px;font-weight:750;letter-spacing:1.7px;color:#858e9d}.form-heading h2{font-size:33px;letter-spacing:-1.1px;line-height:1.2;margin:10px 0}.form-heading p{font-size:13px;color:var(--muted);margin:0 0 30px}.field{margin-bottom:20px;min-width:0}.field label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.label-row a{font-size:11px;font-weight:600;color:#596579}.input-wrap{position:relative}.input-wrap input{width:100%;height:49px;background:#fff;border:1px solid #dce2ea;border-radius:10px;padding:0 44px 0 40px;transition:border-color .15s,box-shadow .15s;color:var(--ink);min-width:0;outline:0}.input-wrap input::placeholder{color:#929baa;font-size:12px}.input-wrap input:focus{border-color:#b48115;box-shadow:0 0 0 3px #ffc03d24}.input-wrap input[aria-invalid=true]{border-color:#bc3544}.input-wrap.no-icon input{padding-left:14px}.field-icon{position:absolute;left:15px;top:17px;color:#98a1af;font-size:14px;pointer-events:none}.password-toggle{position:absolute;right:6px;top:6px;width:37px;height:37px;display:grid;place-items:center;border:0;background:transparent;border-radius:7px;color:#778396;cursor:pointer}.password-toggle:hover{background:#f3f5f8;color:var(--navy)}.submit-button{width:100%;display:flex;justify-content:center;align-items:center;gap:14px;height:49px;border:0;border-radius:10px;background:var(--gold);color:#172238;font-size:13px;font-weight:750;cursor:pointer;margin-top:27px;box-shadow:0 4px 10px #ffc03d25;transition:background .15s,transform .15s}.submit-button:hover{background:#ffcd62;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button i{font-size:11px}.switch-prompt{text-align:center;color:var(--muted);font-size:12px;margin:23px 0}.switch-prompt a{font-weight:750;color:var(--ink);margin-left:3px}.form-footer{border-top:1px solid #edf0f4;padding-top:23px;margin:30px 0 0;text-align:center;color:#7a8595;font-size:10px}.form-footer i{margin-right:6px;font-size:9px}.notice{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:12px 14px;font-size:12px;margin-bottom:20px}.notice i{margin-top:3px}.notice-error{background:#fff2f2;border:1px solid #f1d4d6;color:#a52d3b}.notice-success{background:#edf8f0;border:1px solid #cfe9d7;color:#286540}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-error{display:block;color:#ae293a;font-size:11px;margin-top:5px}.field-error:empty{display:none}.field-hint{font-size:11px;color:#6e7a8c;margin:-6px 0 0}.registration .form-panel{padding-top:34px;padding-bottom:34px}.registration .auth-tabs{margin-bottom:25px}.registration .form-heading p{margin-bottom:22px}.registration .field{margin-bottom:15px}.registration .form-footer{margin-top:20px;padding-top:18px}.registration .submit-button{margin-top:21px}.registration .switch-prompt{margin-bottom:0}.site-footer{max-width:1160px;margin:0 auto 28px;display:flex;justify-content:space-between;color:#828b9b;font-size:11px;padding:0 8px}
@media(min-width:1500px){.site-header{padding-top:38px}.auth-shell{margin-top:25px}}@media(max-width:1000px){.auth-shell{margin:12px 24px 24px}.story-panel{padding:36px 28px}.form-panel{padding:38px 30px}.site-footer{padding:0 32px}.floating-label{font-size:10px;padding:10px}.story-copy h1{font-size:36px}.story-footer{gap:8px}}@media(max-width:760px){.site-header{padding:20px 24px}.auth-shell{display:block;max-width:510px;margin:10px auto 24px;min-height:0}.story-panel{padding:27px 30px}.story-copy{margin-top:20px}.story-copy h1{font-size:30px;letter-spacing:-1px;margin-bottom:12px}.story-copy p{font-size:13px}.store-art,.story-footer{display:none}.form-panel,.registration .form-panel{padding:30px}.auth-tabs{margin-bottom:27px}.site-footer{max-width:510px;font-size:10px;gap:15px}.form-heading h2{font-size:30px}}@media(max-width:550px){.site-header{padding:18px 20px}.brand{font-size:23px}.brand img{width:32px;height:32px}.back-link{font-size:11px;gap:7px}.auth-shell{margin:8px 16px 22px;border-radius:20px}.form-panel,.registration .form-panel{padding:27px 23px}.story-panel{padding:25px 23px}.site-footer{padding:0 22px}.site-footer span:last-child{max-width:145px;text-align:right}.field-grid{grid-template-columns:1fr;gap:0}.form-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}