:root{--rose:#e11d48;--slate:#0f172a}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue','Noto Sans',Arial;color:#0f172a;background:linear-gradient(#fff,#f8fafc)}
a{text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.btn{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:14px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn-primary{background:var(--rose);color:#fff}
.btn-primary:hover{background:#be123c}
.btn-outline{border:1px solid #e5e7eb;color:#0f172a}
.btn-outline:hover{background:#f1f5f9}
.btn-dark{background:#0f172a;color:#fff;border-radius:10px;padding:8px 12px;font-weight:700}
.hero{position:relative}
.hero .bg{position:absolute;inset:0;opacity:.25;object-fit:cover;width:100%;height:100%}
h1{font-size:clamp(28px,4.4vw,48px);font-weight:800;line-height:1.1;margin:0}
.hero p{margin:16px 0 0;max-width:720px;color:#334155;font-size:clamp(16px,2.2vw,20px)}
.countdown{display:inline-flex;gap:12px;align-items:center;background:rgba(255,255,255,.9);padding:12px 16px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.06);margin-top:16px}
.countdown .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.section{padding:42px 0}
.grid-3{display:grid;gap:16px}
@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:20px}
.catalog{background:rgba(255,255,255,.6);padding:40px 0}
.cards{display:grid;gap:20px}
@media(min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.cards{grid-template-columns:repeat(3,1fr)}}
.book{overflow:hidden;position:relative;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.04);background:#fff}
.book img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.badge{position:absolute;left:12px;top:12px;background:var(--rose);color:#fff;font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.outline{outline:2px solid var(--rose)}
.book .body{padding:14px}
.book .brand{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.book .title{font-weight:700}
.book .row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.services h2,.catalog h2{font-size:clamp(22px,3vw,32px);margin:0}
.cta-big{background:linear-gradient(90deg,#0f172a,#111827);color:#fff;padding:48px 0}
.footer{padding:40px 0}
.footer .cols{display:grid;gap:20px}
@media(min-width:768px){.footer .cols{grid-template-columns:repeat(3,1fr)}}
.small{font-size:12px;color:#64748b;text-align:left;margin-top:6px}
.tag{color:var(--rose);font-weight:700;font-size:12px}
h3{margin:0;font-size:clamp(20px,2.5vw,28px)}
.logo{font-weight:800;font-size:18px;letter-spacing:.3px}