@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";body{font-family:Roboto,sans-serif;background:linear-gradient(to right,#ada996,#f2f2f2,#dbdbdb,#eaeaea)}*{margin:0;padding:0;box-sizing:border-box;color:#000}html{scroll-behavior:smooth}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.paystack-button,.cancel{background:linear-gradient(to right,#705a2c,#3d3119);color:#fff;border:none;padding:10px 20px;font-size:1rem;border-radius:6px;cursor:pointer;transition:.3s}.paystack-button:hover{background-color:#004182}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;padding:20px 30px;border-radius:10px;width:90%;max-width:400px;text-align:center}.modal-box input{width:100%;padding:10px;margin-top:15px;border:1px solid #ccc;border-radius:5px}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{flex:1;margin:0 5px;padding:10px;border:none;border-radius:5px;cursor:pointer}.modal-buttons button.cancel{background:#ddd}.modal-buttons button:not(.cancel){background:#0a66c2;color:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;position:fixed;top:0;width:100%;background:#fff;z-index:1000;box-shadow:0 2px 5px #0000001a}.logo{font-size:1.8rem;font-weight:600;color:#222}.nav ul{display:flex;list-style:none;gap:30px}.nav ul li a{text-decoration:none;color:#222;font-weight:500;cursor:pointer;transition:color .3s ease}.nav ul li a:hover{color:#d4af37}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle .bar{width:25px;height:3px;background-color:#333;transition:all .3s}@media (max-width: 768px){.nav ul{flex-direction:column;position:absolute;top:70px;right:0;background:#fff;width:100%;padding:20px 0;display:none}.nav.open ul,.menu-toggle{display:flex}}#menu-sty li a{font-size:1.3rem}.hero-section{margin-top:15vh;display:flex;align-items:center;justify-content:space-between;padding:5% 3%;gap:40px;min-height:75vh;background:linear-gradient(to right,#ada996,#f2f2f2,#f3d19e,#b9aeae)}.hero-section1{flex:1;max-width:45%}.hero-section1 h1{font-size:3.5rem;line-height:1.3;color:#222;font-weight:700}.hero-img{flex:1;display:flex;justify-content:center;align-items:center}.hero-img img{width:100%;max-width:100%;border-radius:20px;box-shadow:0 10px 30px #00000026;transition:transform .6s ease}.hero-img img:hover{transform:scale(1.05)}@media (max-width: 992px){.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5% 3%;min-height:55vh}.hero-section1{max-width:100%;margin-top:1vh}.hero-section1 h1{font-size:2.5rem}.hero-img img{max-width:100%}}@media (max-width: 768px){.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5% 3%;min-height:55vh}.hero-section1 h1{font-size:1.8rem}.hero-img img{max-width:100%}}.first-sec-sty{margin:auto;display:flex;flex-direction:column;width:70%;text-align:center;gap:1rem}.first-sec-sty h1{font-size:3rem;text-align:center}.first-sec-sty p{font-size:1.5rem;text-align:center;color:#333;line-height:1.5}.featured-books{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:20px 1%}.book-card{text-align:center;width:60%;border-radius:12px;min-height:40vh;background:#faf8f8;padding:2%;box-shadow:0 6px 20px #0000001a;transition:all .3s ease}.book-card:hover{box-shadow:0 10px 25px #00000026}.image-container{overflow:hidden;border-radius:12px;display:inline-block}.image-container img{width:100%;max-width:280px;border-radius:12px;transition:transform .8s ease;cursor:pointer}#gods-img{width:100%;max-width:300px;border-radius:12px;transition:transform .8s ease;cursor:pointer}.image-container img:hover{transform:scale(1.12)}.book-card h1{font-size:1.8rem;font-weight:600;margin-top:15px;color:#111}.book-card p{font-size:1.1rem;font-weight:400;color:#272727;margin:12px 0 20px;line-height:1.6}.buy-btn{margin-top:5vh;background:linear-gradient(to right,#b49e6f,#e7c98b);color:#000;padding:14px 28px;border:none;text-align:center;border-radius:35px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s,box-shadow .3s}.buy-btn2{margin-top:1.29vh;background:linear-gradient(to right,#b49e6f,#e7c98b);color:#000;padding:14px 28px;border:none;text-align:center;border-radius:35px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s,box-shadow .3s}.buy-btn:hover,.buy-btn2:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0003}@media (max-width: 1024px){.featured-books{flex-direction:column;align-items:center}.book-card{width:90%;min-height:auto}.first-sec-sty{width:85%}.first-sec-sty h1{font-size:2.5rem}.first-sec-sty p{font-size:1.5rem}}@media (max-width: 768px){.featured-books{flex-direction:column;align-items:center}.book-card{width:90%;min-height:auto}.first-sec-sty h1{font-size:2rem}.first-sec-sty p{font-size:1.5rem}}.mission-about-container{width:100%;padding:80px 10%;display:flex;flex-direction:column;gap:100px;background-color:#fafafa}.mission-about-container h1{font-size:2.6rem;text-align:center;color:#222;margin-bottom:20px}.mission-about-container p{font-size:1.3rem;line-height:1.6;text-align:center;color:#333;max-width:850px;margin:0 auto}.cta-btn{margin-top:25px;background:linear-gradient(to right,#b49e6f,#e7c98b);color:#000;padding:14px 28px;border:none;border-radius:35px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s,box-shadow .3s;display:inline-flex;align-items:center;gap:8px}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0003}.koko-section,.yes-section,.exsocial-section,.partner-section,.about-section{text-align:center;padding:50px 20px;border-radius:16px;background:#fff;box-shadow:0 10px 25px #0000000d}.exsocial-section ul{list-style:none;margin:20px auto;padding:0;max-width:700px}.exsocial-section li{font-size:1.1rem;color:#333;margin-bottom:10px;position:relative}.exsocial-section li:before{content:"✓";color:#d4af37;font-weight:700;margin-right:10px}.about-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:30px}.contact-info{margin-top:20px;color:#555;font-size:1.1rem}@media (max-width: 992px){.mission-about-container{padding:60px 5%;gap:70px}.mission-about-container h1{font-size:2.3rem}.mission-about-container p{font-size:1.4rem}}@media (max-width: 600px){.mission-about-container h1{font-size:2rem}.mission-about-container p{font-size:1.5rem}.cta-btn{font-size:.9rem;padding:12px 22px}}.about-author{background:linear-gradient(to right,#f9f9f9,#fff);padding:6% 8%;color:#222}.about-content{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;flex-wrap:wrap}.about-text{flex:1;min-width:320px}.about-text h2{font-size:2.5rem;margin-bottom:15px;color:#1a1a1a}.about-text h3{margin-top:25px;font-size:1.3rem;color:#2a7a7b}.about-text p{font-size:1.1rem;line-height:1.7;margin-bottom:15px}.about-text ul{margin-left:20px;list-style:disc}.about-text li{margin-bottom:10px}.quote{font-style:italic;color:#444;border-left:3px solid #2a7a7b;padding-left:12px}.author-buttons{margin-top:25px;display:flex;gap:15px;flex-wrap:wrap}.author-buttons button{padding:10px 20px;border:none;background-color:#2a7a7b;color:#fff;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.author-buttons button:hover{background-color:#1e5b5c}.about-image{flex:.8;display:flex;justify-content:center;align-items:center}.about-image img{width:100%;max-width:380px;border-radius:20px;box-shadow:0 8px 20px #00000026}@media (max-width: 900px){.about-content{flex-direction:column-reverse;align-items:center;text-align:center}.about-text h2{font-size:2rem}.about-text p{font-size:1rem}.about-image img{max-width:300px;margin-bottom:20px}.author-buttons{justify-content:center}}.ai-chat-btn{position:fixed;bottom:25px;right:25px;background:linear-gradient(135deg,#fc0,#ffd966);color:#111;border:none;border-radius:50px;padding:15px 25px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 5px 15px #00000040;transition:all .3s ease;z-index:1000}.ai-chat-btn:hover{background:linear-gradient(135deg,#ffd966,#fc0);transform:translateY(-3px)}.chat-popup{position:fixed;bottom:90px;right:25px;width:320px;height:400px;background:#fff;border-radius:15px;box-shadow:0 6px 25px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:fadeInUp .3s ease;z-index:1001}.chat-header{background:#111;color:#fff;padding:12px 15px;display:flex;justify-content:space-between;align-items:center}.chat-header h4{margin:0;font-size:1rem;color:#fff}.close-btn{background:transparent;color:#fff;border:none;font-size:1.1rem;cursor:pointer}.chat-body{flex:1;padding:15px;overflow-y:auto;font-size:.95rem;color:#222;line-height:1.4}.chat-input{display:flex;border-top:1px solid #eee}.chat-input input{flex:1;border:none;outline:none;padding:12px;font-size:.95rem}.chat-input button{background:#111;color:#fff;border:none;padding:12px 18px;cursor:pointer;font-weight:600;transition:background .3s ease}.chat-input button:hover{background:gold;color:#111}.user-msg{text-align:right;background:#dcf8c6;display:inline-block;padding:6px 10px;border-radius:12px;margin:5px 0}.ai-msg{text-align:left;background:#ececec;display:inline-block;padding:6px 10px;border-radius:12px;margin:5px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ai-chat-button{padding:10px 16px;font-size:14px;bottom:18px;right:18px}}@media (max-width: 480px){.ai-chat-button{padding:8px 14px;font-size:12px;bottom:15px;right:15px}}.footer{background:#111;color:#eee;padding:50px 10%;display:flex;flex-direction:column;align-items:center;gap:30px}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;width:100%;max-width:1200px}.footer-brand h2{font-size:1.8rem;color:#fff}.footer-brand p{font-size:1rem;margin-top:10px;line-height:1.5;color:#ccc}.footer-links h3,.footer-socials h3{margin-bottom:10px;color:#fff}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin:6px 0}.footer-links ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-links ul li a:hover{color:gold}.social-icons{display:flex;gap:15px;margin-top:10px}.social-icons a{color:#ccc;font-size:1.4rem;transition:color .3s ease,transform .3s ease}.social-icons a i{color:#fff}.social-icons a:hover{color:gold;transform:scale(1.2)}.footer-bottom{text-align:center;border-top:1px solid #333;padding-top:20px;font-size:.9rem}.footer-bottom p{color:#fff}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}}