@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#101e36;--navy2:#07172c;--gold:#f2bd43;--gold2:#dca42d;--ink:#10203a;--muted:#71809a;--line:#d5deeb;--paper:#fff;--bg:#f3f6fb}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);min-height:100vh;background:var(--bg)}
.brandbar{height:76px;background:var(--navy);display:flex;align-items:center;padding:0 max(24px,calc((100% - 1120px)/2));color:#fff}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-logo{width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,#ffdc76,#d7a22d);display:grid;place-items:center;color:#10203a;font-family:Georgia,serif;font-size:29px;font-weight:700;box-shadow:0 5px 16px #0002}.brand-logo-img{width:58px;height:48px;object-fit:contain;display:block;flex-shrink:0}.brand strong{display:block;font-size:16px;font-weight:800;letter-spacing:.2px}.brand small{display:block;font-size:11px;margin-top:4px;color:#e7edf7}
.auth-layout{min-height:calc(100vh - 126px);display:flex;align-items:center;justify-content:center;padding:42px 22px}
.auth-card{width:min(100%,530px);background:var(--paper);border:1px solid #dce4ef;border-radius:26px;box-shadow:0 20px 60px rgba(20,38,68,.08);padding:40px}
.login-card{background:linear-gradient(150deg,#0b1b32 0%,#10233e 100%);border:1px solid rgba(244,190,64,.7);color:#fff;box-shadow:0 25px 65px rgba(7,23,44,.22);position:relative;overflow:hidden}
.login-card:after{content:"";position:absolute;pointer-events:none;width:380px;height:120px;right:-100px;bottom:-82px;border:2px solid #e9b53d;border-radius:50%;transform:rotate(-12deg);box-shadow:0 -8px 0 -5px #b98220}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:3px;color:#e6ad32;margin-bottom:18px}
h1{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-1.1px;margin:0 0 12px;font-weight:800}
.intro{font-size:14px;line-height:1.8;color:#c3cde0;margin:0 0 30px}.register-card .intro{color:#c3cde0;margin-bottom:18px}
form label{display:block;font-size:12px;font-weight:700;margin:18px 0 8px;color:inherit}
.field{height:58px;border:1px solid #38516f;border-radius:12px;display:flex;align-items:center;overflow:hidden;background:#0b1a2e;margin-bottom:4px}.field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #f2bd4320}.field-icon{width:52px;align-self:stretch;display:grid;place-items:center;font-size:20px;color:#dce7f8;background:#ffffff08;border-right:1px solid #ffffff12;flex-shrink:0}
.field input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:inherit;padding:0 14px;font:inherit;font-size:14px}.field input::placeholder{color:#8594ab}
.show-password{border:0;background:transparent;color:#e3ebf7;padding:0 14px;height:100%;cursor:pointer;font-size:19px}
.primary-btn{width:100%;height:59px;border:0;border-radius:12px;background:linear-gradient(100deg,#ffd05b,#e8ae32);color:#08172c;font-size:15px;font-weight:800;margin-top:20px;cursor:pointer;box-shadow:0 8px 18px #0002;transition:transform .15s,filter .15s}.primary-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-btn span{font-size:19px;margin-right:9px}
.secure-note{display:flex;gap:14px;align-items:center;background:#ffffff0b;border:1px solid #ffffff12;border-radius:14px;margin-top:20px;padding:16px;color:#d7e0ee;font-size:12px;line-height:1.7}.shield{width:38px;height:38px;border:1px solid #b7c7df;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:18px}
.register-layout{padding-top:32px;padding-bottom:32px}.register-card{width:min(100%,590px);padding:34px 40px;background:linear-gradient(150deg,#0b1b32 0%,#10233e 100%);color:#fff;border:1px solid rgba(244,190,64,.7);box-shadow:0 25px 65px rgba(7,23,44,.22);position:relative;overflow:hidden}
.register-card:after{content:"";position:absolute;pointer-events:none;width:380px;height:120px;right:-100px;bottom:-82px;border:2px solid #e9b53d;border-radius:50%;transform:rotate(-12deg);box-shadow:0 -8px 0 -5px #b98220}
.register-card>*{position:relative;z-index:1}
.register-brand{display:flex;align-items:center;flex-direction:column;margin-bottom:27px}.register-logo-img{width:190px;height:92px;object-fit:contain;display:block;margin-bottom:8px}.register-brand strong{font-size:25px;color:#fff;letter-spacing:.2px;font-weight:800}.register-brand small{font-size:12px;font-weight:700;color:#e7edf7;margin-top:3px}
.checkout-note{display:flex;gap:15px;align-items:center;padding:15px 16px;border:1px solid #d8a632;background:#182d49;border-radius:12px;color:#f2e4bd;font-size:12px;line-height:1.65;margin:18px 0 22px}.cart-icon{font-size:27px;color:#d99c18}
.register-card form label{color:#fff;margin-top:13px}.field.light-field{height:47px;background:#0b1a2e;border-color:#38516f;border-radius:10px;color:#fff;margin-bottom:0}.light-field .field-icon{width:42px;background:#ffffff08;border-right:1px solid #ffffff12;color:#dce7f8;font-size:17px}.light-field input{font-size:13px;padding:0 12px}.light-field input::placeholder{color:#8594ab}.light-field .show-password{color:#e3ebf7;padding:0 12px}.label-hint{font-size:10px;font-weight:500;color:#c3cde0;margin-left:5px}
.register-submit{height:54px;margin-top:18px}.register-footnote{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:19px;color:#c3cde0;font-size:11px;line-height:1.6;text-align:left}.register-footnote span:first-child{font-size:21px}.login-link{text-align:center;color:#c3cde0;font-size:12px;margin:20px 0 0}.login-link a{color:#f2bd43;font-weight:800;text-decoration:none}.login-link a:hover{text-decoration:underline}
.notice{font-size:12px;line-height:1.6;padding:12px 14px;border-radius:10px;margin:0 0 14px}.notice p{margin:3px 0}.notice-warn{background:#392b13;color:#ffe4a1;border:1px solid #d6a63c}.auth-footer{text-align:center;color:#8a96a8;font-size:11px;padding:18px}.auth-footer span{color:#d4a12e;margin:0 7px}
@media(max-width:600px){.brandbar{height:68px;padding:0 18px}.brand-logo-img{width:48px;height:42px}.register-logo-img{width:160px;height:78px}.brand-logo{width:40px;height:40px}.auth-layout{padding:24px 14px;min-height:calc(100vh - 112px)}.auth-card,.register-card{padding:28px 22px;border-radius:20px}.register-layout{padding-top:18px}.register-brand{margin-bottom:23px}h1{font-size:28px}.intro{font-size:13px}.checkout-note{padding:12px;font-size:11px}.register-card form label{font-size:11px}.field{height:54px}.light-field{height:46px!important}}