*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f2eee6;color:#171511}header{height:78px;background:#111;color:#fff;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}header nav{display:flex;gap:18px;align-items:center}header a{color:#ddd;text-decoration:none}header button{background:none;color:#ddd;border:1px solid #555;padding:9px 13px}.brand{display:flex;gap:12px;align-items:center}.brand small{display:block;color:#aaa}.mark{width:38px;height:38px;border:1px solid #c8aa69;border-radius:50%;display:grid;place-items:center;font:23px Georgia;color:#d8bd7d}.eyebrow{color:#a48547;font-size:11px;font-weight:900;letter-spacing:.18em}.auth-shell{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.1fr .9fr}.auth-promo{background:radial-gradient(circle at 30% 30%,#43361f,#161512 50%,#0d0d0d);color:#fff;padding:10vh 8vw}.auth-promo h1{font:58px/1.05 Georgia;margin:15px 0 22px}.auth-promo>p{color:#bbb;line-height:1.7;max-width:600px;font-size:18px}.benefit-line{display:flex;gap:18px;align-items:center;margin:26px 0;color:#d4cec2}.benefit-line b{font:30px Georgia;color:#c8aa69;width:38px}.auth-card{background:#fff;padding:7vh 8vw}.tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:35px}.tabs button{flex:1;border:0;background:none;padding:14px;font-weight:800;color:#888}.tabs button.active{color:#111;border-bottom:3px solid #b49351}.auth-card h2{font:38px Georgia;margin:0 0 4px}.auth-card form>p{color:#777;margin-bottom:30px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:800;margin-bottom:15px}.auth-card input,.auth-card select{padding:13px;border:1px solid #cfc8bc;background:#faf9f6}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{width:100%;background:#171511;color:#fff;border:0;padding:14px;font-weight:900;margin-top:5px}.auth-card small{display:block;color:#81796b;line-height:1.5;margin-top:14px}.status{font-weight:700}.portal{min-height:calc(100vh - 78px);display:grid;grid-template-columns:260px 1fr}.portal-nav{background:#191815;color:#fff;padding:34px 25px;display:flex;flex-direction:column}.portal-nav h2{font:28px Georgia;margin:8px 0 2px}.portal-nav p{color:#8f8a80;font-size:12px}.portal-nav nav{display:grid;gap:5px;margin:45px 0}.portal-nav nav button{text-align:left;background:none;border:0;color:#aaa;padding:12px}.portal-nav nav button.active{background:#2b2822;color:#fff;border-left:3px solid #c8aa69}.portal-nav>a{margin-top:auto;color:#c8aa69;text-decoration:none;font-size:13px}.portal-main{padding:45px 4vw}.welcome{display:flex;justify-content:space-between;align-items:center}.welcome h1{font:46px Georgia;margin:8px 0}.welcome p{color:#696257}.plan-badge{border:1px solid #a48241;color:#8c6c2e;padding:13px 18px;font-weight:900;letter-spacing:.12em}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0}.stats div{background:#fff;padding:20px;border-bottom:3px solid #c7ab72}.stats span{display:block;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stats strong{display:block;margin-top:9px;font:22px Georgia}.library-section{background:#fff;padding:28px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font:34px Georgia;margin:7px 0}.section-head input{padding:11px;border:1px solid #ccc}.notice{padding:13px 16px;background:#f3ead6;border-left:4px solid #b08d49;margin:20px 0;font-size:13px;line-height:1.5}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.library-book{border:1px solid #eee;background:#faf9f6}.library-book img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#eee}.library-body{padding:14px}.library-book h3{font:18px/1.25 Georgia;margin:4px 0 10px;min-height:44px}.library-meta{font-size:11px;color:#888}.progress{height:5px;background:#ddd;margin:12px 0}.progress span{display:block;height:100%;background:#b59452}.library-book button{width:100%;padding:10px;border:0;background:#181611;color:#fff;font-weight:800}.library-book button[disabled]{background:#aaa}.preview{display:inline-block;background:#ece2cd;color:#725b2a;font-size:9px;font-weight:900;padding:5px 7px;margin-bottom:8px}@media(max-width:1000px){.auth-shell{grid-template-columns:1fr}.auth-promo{display:none}.portal{grid-template-columns:1fr}.portal-nav{display:none}.library-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){header nav a{display:none}.auth-card{padding:45px 7vw}.two{grid-template-columns:1fr}.portal-main{padding:30px 5vw}.welcome h1{font-size:36px}.plan-badge{display:none}.library-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head input{width:100%;margin-top:10px}}@media(max-width:430px){.library-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}}