:root{--bg:#050b16;--card:#0d1629;--text:#f8fafc;--muted:#cbd5e1;--accent:#11a8f4;--accent2:#61e600;--light:#ffffff;--dark:#06101f;--wood:#6b3f24;--wood2:#a0673b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(17,168,244,.22),transparent 34%),radial-gradient(circle at bottom right,rgba(97,230,0,.14),transparent 35%),linear-gradient(135deg,var(--bg),#101827);color:var(--text)}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:rgba(5,11,22,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.logo{font-weight:900;letter-spacing:.5px}.nav{display:flex;gap:22px}.nav a{color:var(--muted)}.nav a:hover{color:var(--accent)}.menu-btn{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:86vh;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:70px 7%;overflow:hidden}.hero h1{font-size:clamp(2.3rem,5vw,5rem);line-height:1.02;margin:15px 0}.hero p{font-size:1.1rem;color:var(--muted);max-width:760px}.tag{display:inline-block;padding:8px 14px;border:1px solid rgba(17,168,244,.55);border-radius:999px;color:var(--accent);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-weight:800;border:1px solid transparent;cursor:pointer;margin:4px}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:var(--dark)}.btn.secondary{border-color:rgba(255,255,255,.25);color:var(--text)}.btn.small{padding:10px 15px;font-size:.9rem;background:rgba(17,168,244,.15);border-color:rgba(17,168,244,.35);color:var(--text)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero-card{padding:36px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 60px rgba(0,0,0,.25)}.floating-book{font-size:5rem;animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-16px) rotate(5deg)}}.section{padding:70px 7%}.intro,.contact,.stats,.book-hero,.resources{background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.section-title{text-align:center;max-width:850px;margin:0 auto 38px}.section-title h2,.section h2{font-size:clamp(2rem,4vw,3.2rem);margin:15px 0}.library-section{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(17,168,244,.06))}.bookshelf{max-width:920px;margin:0 auto;position:relative;padding:38px 28px 80px}.shelf-back{min-height:430px;padding:55px 38px 35px;display:flex;justify-content:center;align-items:flex-end;gap:42px;background:linear-gradient(90deg,rgba(90,52,29,.95),rgba(160,103,59,.95),rgba(90,52,29,.95));border-radius:26px 26px 12px 12px;border:8px solid #3b2418;box-shadow:inset 0 0 40px rgba(0,0,0,.35),0 30px 70px rgba(0,0,0,.35)}.shelf-base{position:absolute;left:0;right:0;bottom:36px;height:45px;background:linear-gradient(180deg,#b77945,#56311c);border-radius:10px;box-shadow:0 24px 35px rgba(0,0,0,.35)}.shelf-book{position:relative;width:150px;height:315px;border-radius:8px 14px 14px 8px;box-shadow:12px 8px 24px rgba(0,0,0,.35);transform-origin:bottom center;transition:transform .35s ease,box-shadow .35s ease;animation:bookEnter .7s ease both;animation-delay:var(--delay)}@keyframes bookEnter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.shelf-book.blue{background:linear-gradient(180deg,#07111f,#0d4f85 44%,#05a9f5)}.shelf-book.green{background:linear-gradient(180deg,#f8fff2,#68e300 45%,#2b9000)}.shelf-book img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px 14px 14px 8px;opacity:.18;filter:saturate(1.2)}.shelf-book:hover,.shelf-book:focus{transform:translateY(-42px) translateX(12px) rotate(4deg) scale(1.06);z-index:5;box-shadow:24px 20px 45px rgba(0,0,0,.48)}.book-spine-title{position:absolute;z-index:2;left:16px;right:16px;top:28px;writing-mode:vertical-rl;text-orientation:mixed;height:190px;font-weight:900;font-size:1.05rem;text-shadow:0 2px 10px rgba(0,0,0,.55)}.book-spine-author{position:absolute;z-index:2;bottom:18px;left:14px;right:14px;font-size:.8rem;font-weight:800;background:rgba(0,0,0,.28);padding:8px;border-radius:10px;text-align:center}.book-tooltip{position:absolute;left:50%;bottom:104%;width:260px;transform:translateX(-50%) translateY(8px);background:#ffffff;color:#06101f;border-radius:16px;padding:14px;box-shadow:0 16px 40px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.25s;font-size:.9rem;line-height:1.35}.shelf-book:hover .book-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:20px}.number{font-size:3.5rem;font-weight:900;color:var(--accent)}form{display:grid;gap:16px;max-width:650px}label{display:grid;gap:8px;color:var(--muted)}input,textarea{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:white}textarea{min-height:130px}footer{text-align:center;padding:28px;color:var(--muted)}.book-hero{display:grid;grid-template-columns:330px 1fr;gap:36px;align-items:center}.book-hero img{width:100%;border-radius:22px;background:white;box-shadow:0 25px 60px rgba(0,0,0,.35)}.book-hero h1{font-size:clamp(2rem,4vw,4rem);line-height:1.05}.meta{display:grid;gap:10px;margin:22px 0}.meta div{background:rgba(255,255,255,.07);padding:14px;border-radius:14px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px}.flipbook{position:relative;height:260px;perspective:1000px;margin-bottom:12px}.flip-page{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;border-radius:18px;background:linear-gradient(135deg,#fff,#dff7ff);color:#0f172a;box-shadow:0 18px 40px rgba(0,0,0,.25);transform-origin:left;animation:flip .45s ease}.theme-green .flip-page{background:linear-gradient(135deg,#fff,#eaffd6)}.flip-page.active{display:flex}@keyframes flip{from{transform:rotateY(-70deg);opacity:.4}to{transform:rotateY(0);opacity:1}}object{width:100%;height:430px;border-radius:18px;background:white}.trivia button{display:block;width:100%;margin:10px 0;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:white;cursor:pointer;text-align:left}.trivia button:hover{background:rgba(17,168,244,.2)}.theme-green{--accent:#61e600;--accent2:#11a8f4}.theme-green .trivia button:hover{background:rgba(97,230,0,.2)}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}.form-msg{color:var(--accent);font-weight:800}@media(max-width:850px){.menu-btn{display:block}.nav{display:none;position:absolute;top:65px;left:0;right:0;flex-direction:column;padding:20px 7%;background:#050b16}.nav.open{display:flex}.hero,.book-hero,.content-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero{padding-top:45px}.bookshelf{padding-left:0;padding-right:0}.shelf-back{gap:20px;overflow-x:auto;justify-content:flex-start;padding-left:28px}.shelf-book{min-width:136px;height:285px}.book-tooltip{display:none}}