:root{--auth-gold:#d7a346;--auth-ink:#070605;--auth-paper:#fffaf1}
.auth-body{min-height:100vh;margin:0;background:#070605;color:#fff;font-family:var(--sans);overflow-x:hidden}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-visual{position:relative;overflow:hidden;padding:48px 6vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 28% 58%,rgba(190,108,22,.32),transparent 28%),radial-gradient(circle at 78% 24%,rgba(213,160,67,.18),transparent 24%),linear-gradient(135deg,#020202,#110b06 58%,#221307)}.auth-visual:before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 15deg,transparent,rgba(255,202,104,.08),transparent 14%,transparent 54%,rgba(255,202,104,.05),transparent 68%);animation:authRotate 24s linear infinite}.auth-visual:after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#f6d697 1px,transparent 1px);background-size:64px 64px;opacity:.12;animation:authDrift 24s linear infinite}@keyframes authRotate{to{transform:rotate(360deg)}}@keyframes authDrift{to{transform:translate(-64px,64px)}}.auth-brand,.auth-story,.auth-books,.auth-foot{position:relative;z-index:2}.auth-brand img{width:290px}.auth-story{max-width:650px}.auth-story h1{font:600 clamp(3rem,6vw,6.8rem)/.88 var(--serif);margin:.5rem 0 1rem;letter-spacing:-.04em}.auth-story p{color:#c8bfb2;max-width:570px}.auth-books{height:250px;display:flex;align-items:end;justify-content:center;gap:18px;perspective:1200px}.auth-books img{width:145px;filter:drop-shadow(0 24px 22px rgba(0,0,0,.7));border-radius:3px;animation:bookFloat 5s ease-in-out infinite}.auth-books img:nth-child(1){transform:rotateY(18deg) translateY(12px);animation-delay:-1.2s}.auth-books img:nth-child(2){width:172px;animation-delay:-2.7s}.auth-books img:nth-child(3){transform:rotateY(-18deg) translateY(16px);animation-delay:-.5s}@keyframes bookFloat{50%{translate:0 -10px}}.auth-foot{display:flex;justify-content:space-between;color:#8f8679;font-size:.78rem}.auth-panel{background:linear-gradient(145deg,#fffdf8,#f5ede0);color:#17130e;padding:42px 6vw;display:flex;align-items:center;justify-content:center}.auth-card{width:min(510px,100%)}.auth-card>a{font-size:.8rem;color:#7f6b4d}.auth-kicker{display:flex;align-items:center;gap:10px;margin-top:35px;color:#9a6c22;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}.auth-card h2{font:600 clamp(2.4rem,4.5vw,4rem)/.95 var(--serif);margin:.5rem 0 .8rem}.auth-card .intro{color:#746b60}.role-tabs,.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid #e2d5c2;border-radius:12px;background:#f7f0e5;margin:26px 0 18px}.role-tab,.auth-mode-tab{border:0;background:transparent;border-radius:8px;padding:12px;font-weight:800;color:#756a5d}.role-tab.active,.auth-mode-tab.active{background:#11100e;color:#f4d18c;box-shadow:0 8px 20px rgba(42,28,11,.12)}.auth-form{display:none}.auth-form.active{display:block;animation:authIn .35s ease}@keyframes authIn{from{opacity:0;transform:translateY(8px)}}.auth-field{display:grid;gap:7px;margin:15px 0}.auth-field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.auth-field input{border:1px solid #d9cbb8;border-radius:9px;padding:14px;background:#fffdf9;outline:none}.auth-field input:focus{border-color:var(--auth-gold);box-shadow:0 0 0 3px rgba(213,160,67,.12)}.auth-submit{width:100%;margin-top:10px}.auth-help{margin-top:18px;padding:14px;border-radius:10px;background:#efe5d6;color:#655a4e;font-size:.79rem}.auth-message{min-height:24px;margin-top:10px;font-size:.82rem;font-weight:700}.auth-message.error{color:#a72d25}.auth-message.success{color:#237746}.auth-contact{margin-top:25px;font-size:.78rem;color:#766b5f}.auth-contact strong{color:#111}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:74px}.password-toggle{position:absolute;right:10px;top:9px;border:0;background:transparent;color:#8b6a32;font-size:.75rem;font-weight:800;padding:6px}.mini-note{font-size:.72rem;color:#85796c;margin-top:4px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:500px}.auth-panel{padding:55px 24px}.auth-books{height:210px}.auth-foot{display:none}}@media(max-width:520px){.auth-visual{min-height:410px;padding:30px 22px}.auth-brand img{width:230px}.auth-story h1{font-size:3.3rem}.auth-story p{font-size:.85rem}.auth-books{height:150px}.auth-books img{width:88px}.auth-books img:nth-child(2){width:105px}.auth-panel{padding:42px 20px}.role-tabs,.auth-mode-tabs{grid-template-columns:1fr}}