@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');
:root{--night:#100e0c;--cream:#f4e9d0;--gold:#d8af6c;--paper:#efe3cb;--ink:#2d241a}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#100e0c;color:var(--cream);font-family:'Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.auth-shell{max-width:1600px;margin:auto;padding:0 32px}.auth-header{height:82px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:#ead7ae;text-decoration:none;font:700 19px 'Noto Serif SC',serif;letter-spacing:.15em}.brand-symbol{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px}.edition{font-size:10px;letter-spacing:.3em;color:#998873}.auth-layout{min-height:min(760px,calc(100vh - 135px));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);border:1px solid #8e7049;box-shadow:0 30px 90px #0009}.story-panel{position:relative;min-height:700px;overflow:hidden;background:linear-gradient(90deg,#100d0acd,#130e0b9a 57%,#130e0b48),linear-gradient(0deg,#100d0ae6,transparent 55%),url('assets/case-desk.webp') center/cover no-repeat}.story-border{position:absolute;inset:15px;border:1px solid #d7b77c53;pointer-events:none}.story-content{position:relative;z-index:1;max-width:660px;padding:100px 8% 75px}.eyebrow{font-size:10px;letter-spacing:.32em;color:#e2bb7d}.story-ornament{display:block;color:#c9a268;margin:54px 0 17px;letter-spacing:.14em}.story-content h1{font:900 clamp(54px,5vw,86px)/1.3 'Noto Serif SC',serif;letter-spacing:.07em;margin:0 0 25px;text-shadow:0 7px 30px #000b}.story-content h1 span{color:#e7bd7d}.story-content p{font:500 16px/2 'Noto Serif SC',serif;max-width:520px;color:#dfcfb4}.story-benefits{display:flex;gap:38px;margin-top:66px;border-top:1px solid #c4a06b80;padding-top:22px}.story-benefits div{display:grid;gap:3px}.story-benefits b{font:900 25px 'Noto Serif SC',serif;color:#e3b77a}.story-benefits span{font-size:10px;letter-spacing:.12em;color:#b8a589}.story-seal{position:absolute;right:7%;bottom:8%;border:2px double #d8ac6e92;color:#e2bb81;padding:14px 16px;transform:rotate(-8deg);font:700 13px/1.6 'Noto Serif SC',serif;text-align:center;letter-spacing:.15em}.form-panel{position:relative;min-width:0;background:linear-gradient(135deg,#fbf3e1,#e3d3b5);color:var(--ink);padding:34px clamp(30px,5vw,77px) 26px;display:flex;flex-direction:column}.form-panel:before{content:"";position:absolute;inset:12px;border:1px solid #9f86604d;pointer-events:none}.form-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ad9269;padding-bottom:14px;color:#715739}.form-index{font-size:10px;letter-spacing:.2em;font-weight:700}.form-mark{font:900 31px 'Noto Serif SC',serif;color:#a2703c}.form-heading{margin:40px 0 28px}.overline{font-size:10px;color:#a26c41;letter-spacing:.22em;font-weight:700}.form-heading h2{font:900 38px 'Noto Serif SC',serif;letter-spacing:.12em;margin:10px 0}.form-heading p{margin:0;color:#776750;font-size:12px;line-height:1.8}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #aa906b;margin-bottom:25px}.auth-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:11px;color:#9c8869;font-size:13px;font-weight:700}.auth-tabs button.active{color:#54341d;border-color:#9e5b38}#authForm{display:grid;gap:15px}.field{display:grid;gap:8px}.field label{font-weight:700;font-size:12px;color:#493a28}.input-wrap{display:flex;align-items:center;border:1px solid #b5a07d;background:#fffaf0;min-height:49px;transition:.2s}.input-wrap:focus-within{border-color:#a15d36;box-shadow:0 0 0 3px #a15d361a}.input-wrap>span{width:42px;text-align:center;color:#987550;font-size:18px}.input-wrap input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:#332618;font-size:13px;padding:12px 8px 12px 0}.input-wrap input::placeholder{color:#ae9e88}.field small{font-size:10px;color:#876c4b}.reveal{flex:none;border:0;background:none;color:#86684a;font-size:11px;padding:10px 13px}.submit{margin-top:8px;border:1px solid #5c3820;background:linear-gradient(125deg,#57402b,#2c2117);color:#f4e2c1;min-height:52px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;font-size:14px;letter-spacing:.1em;font-weight:700;box-shadow:0 8px 18px #49392240}.submit:hover{filter:brightness(1.13)}.submit:disabled{opacity:.6;cursor:wait}.submit b{font-size:20px;font-weight:400}.form-error{padding:10px 12px;margin:0;background:#f0d0c2;border-left:3px solid #a14939;color:#7c3029;font-size:12px;line-height:1.6}.form-bottom{margin-top:auto;border-top:1px solid #af9874;padding-top:20px;display:flex;gap:11px;align-items:flex-start;color:#715b41}.form-bottom span{color:#9a5a35}.form-bottom p{font-size:11px;line-height:1.9;margin:0}.auth-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#8e806b;font-size:10px;letter-spacing:.11em}
@media(max-width:1000px){.auth-shell{padding:0 18px}.auth-layout{grid-template-columns:.9fr 1.1fr}.story-content{padding:90px 7%}.story-content h1{font-size:58px}.story-benefits{gap:18px}.form-panel{padding:27px 30px}.story-panel{min-height:690px}}@media(max-width:730px){.auth-shell{padding:0 14px}.auth-header{height:68px}.brand{font-size:15px}.brand-symbol{width:33px;height:33px}.edition{display:none}.auth-layout{display:flex;flex-direction:column}.story-panel{min-height:280px}.story-content{padding:43px 8% 40px}.story-ornament,.story-benefits,.story-seal{display:none}.story-content h1{font-size:43px;margin:15px 0 8px}.story-content p{font-size:12px;margin:0}.form-panel{padding:27px 27px 31px}.form-heading{margin:24px 0 16px}.form-heading h2{font-size:29px}.form-bottom{margin-top:28px}.auth-footer{flex-direction:column;gap:7px;padding:19px 0}}@media(max-width:430px){.story-panel{min-height:260px}.story-content h1{font-size:38px}.form-panel{padding:24px 23px 28px}.form-top{padding-bottom:8px}.auth-tabs{margin-bottom:18px}.auth-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}