:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif; --gold:#f6cd62; --gold2:#9f701c; --ink:#070604; --panel:#100d07; --line:#3d3017; --muted:#a89973; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; color: #fff8df; background: radial-gradient(circle at 16% 20%, rgba(170,119,25,.2), transparent 28%), radial-gradient(circle at 88% 84%, rgba(121,78,10,.18), transparent 32%), #050402; overflow-x: hidden; }
body::before { position: fixed; inset: 0; pointer-events: none; opacity: .22; content:""; background-image: linear-gradient(rgba(255,211,100,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,211,100,.035) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.login-shell { position: relative; min-height: 100vh; display: grid; grid-template-columns: minmax(420px, 1.2fr) minmax(390px, .8fr); align-items: center; gap: clamp(48px, 8vw, 160px); width: min(1180px, calc(100% - 64px)); margin: auto; }
.login-brand { padding: 40px 0; }
.seal { width: 76px; height: 76px; display: grid; place-items: center; transform: rotate(45deg); border: 1px solid #c79836; background: linear-gradient(145deg,#3c2707,#100c05); box-shadow: 0 0 60px rgba(231,177,55,.18), inset 0 0 20px rgba(255,213,107,.09); }
.seal span { transform: rotate(-45deg); color: var(--gold); font-family: Georgia,serif; font-size: 34px; }
.eyebrow { margin: 44px 0 18px; color: #ba8c34; font-size: 13px; font-weight: 800; letter-spacing: .25em; }
h1 { margin: 0; font-family: Georgia,"Songti SC",serif; font-size: clamp(56px,6vw,88px); line-height: .98; letter-spacing: -.06em; font-weight: 700; }
h1 em { color: var(--gold); font-style: normal; text-shadow: 0 0 34px rgba(246,205,98,.18); }
.brand-copy { max-width: 560px; margin: 28px 0; color: var(--muted); font-size: 17px; line-height: 1.9; }
.security-points { display: flex; flex-wrap: wrap; gap: 10px; }
.security-points span { padding: 7px 10px; border: 1px solid var(--line); color:#c4ad76; background:#0c0905; font-size: 13px; }
.login-card { position: relative; padding: 36px; border: 1px solid #5d451b; background: linear-gradient(145deg,rgba(24,18,8,.97),rgba(9,8,5,.98)); box-shadow: 0 30px 90px rgba(0,0,0,.55), inset 0 1px rgba(255,231,161,.06); }
.login-card::before,.login-card::after { position:absolute; width:28px;height:28px;content:"";border-color:var(--gold2); }
.login-card::before { left:-1px;top:-1px;border-left:2px solid;border-top:2px solid; }.login-card::after { right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid; }
.card-top { display:flex;justify-content:space-between;gap:14px;color:#caa24e;font-size:12px;letter-spacing:.08em; }.card-top b{color:#76633c;font-size:10px;}
.login-card h2 { margin: 34px 0 8px; font-size: 30px; }.login-card>p{margin:0 0 28px;color:#928569;font-size:14px;}
form { display:grid;gap:18px; } label span{display:block;margin-bottom:8px;color:#bbaa80;font-size:13px;} input{width:100%;height:50px;padding:0 14px;border:1px solid #463719;outline:0;background:#080704;color:#fff5d4;font-size:16px;} input:focus{border-color:#c99a35;box-shadow:0 0 0 3px rgba(201,154,53,.1);} button{height:52px;margin-top:8px;padding:0 18px;border:1px solid #ffdc7a;background:linear-gradient(100deg,#8b5b0c,#e2ae3e 50%,#9a650d);color:#160f03;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 8px 28px rgba(198,138,24,.2);} button:hover{filter:brightness(1.12);} button:disabled{cursor:wait;opacity:.65;}
.login-error{min-height:22px;margin-top:12px;color:#ff7c6f;font-size:13px;} footer{display:flex;align-items:center;gap:12px;margin-top:20px;color:#6f6247;font-size:11px;} footer i{height:1px;flex:1;background:#342a17;}
@media(max-width:800px){.login-shell{grid-template-columns:1fr;width:min(480px,calc(100% - 32px));gap:8px;padding:34px 0}.login-brand{padding:0}.seal{width:54px;height:54px}.seal span{font-size:24px}.eyebrow{margin:26px 0 12px;font-size:10px}h1{font-size:48px}.brand-copy{font-size:14px;margin:18px 0}.security-points{display:none}.login-card{padding:26px}.login-card h2{margin-top:26px}}
@media(max-width:430px){.login-shell{width:calc(100% - 24px)}h1{font-size:42px}.login-card{padding:22px}.card-top b{display:none}}