@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&display=swap";:root{--bg-primary:#fdfbf7;--bg-secondary:#f0f4f8;--text-primary:#2d3748;--text-secondary:#4a5568;--accent-primary:#805ad5;--accent-secondary:#d6bcfa;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-shadow:0 4px 30px #50289614;--font-heading:"Comfortaa", cursive, sans-serif;--font-body:"Comfortaa", cursive, sans-serif}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--accent-primary:#c084fc;--accent-secondary:#6b21a8;--glass-bg:#1e293b99;--glass-border:#ffffff1a;--glass-shadow:0 4px 30px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color .5s,color .5s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.glass-panel:hover .book-card-img{transform:scale(1.08)}.btn{font-family:var(--font-heading);cursor:pointer;background-color:var(--accent-primary);color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:hover{box-shadow:0 10px 25px -5px var(--accent-primary);transform:translateY(-2px)}.btn-secondary{border:2px solid var(--accent-primary);color:var(--accent-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--accent-primary);color:#fff}.text-gradient{background:linear-gradient(135deg, var(--accent-primary), #ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.hero-wizard{z-index:2;pointer-events:none;width:380px;max-width:40vw;position:absolute;top:25%;left:5%}.hero-dragon{z-index:2;pointer-events:none;width:380px;max-width:40vw;position:absolute;bottom:25%;right:5%}.mobile-menu-btn{display:none}.desktop-nav{display:flex}@media (width<=768px){.hide-mobile{display:none!important}.mobile-menu-btn{display:flex}.desktop-nav{display:none}.hero-wizard{opacity:.5;z-index:1;width:200px;max-width:none;top:2%;left:-15%}.hero-dragon{opacity:.5;z-index:1;width:200px;max-width:none;bottom:2%;right:-15%}}