* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height:1.6;color:#0f172a;overflow-x:hidden;}

/* Navigation */
nav {position:fixed;top:0;width:100%;background:rgba(6,78,59,0.95);backdrop-filter:blur(10px);z-index:1000;transition:all 0.3s ease;}
.nav-container {max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;}
.logo {font-size:1.5rem;font-weight:bold;color:#fff;text-decoration:none;}
.nav-links {display:flex;list-style:none;gap:2rem;}
.nav-links a {color:#fff;text-decoration:none;transition:color 0.3s ease;}
.nav-links a:hover, .nav-links a.active {color:#22d3ee;}

/* Hero */
.hero {height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:white;position:relative;overflow:hidden;
background: linear-gradient(135deg,#0f172a 0%,#064e3b 25%,#0e7490 50%,#0891b2 75%,#22d3ee 100%);}
.hero-badge {display:inline-block;padding:0.5rem 1.5rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50px;margin-bottom:2rem;font-size:0.9rem;}
.hero h1 {font-size:4rem;margin-bottom:1.5rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,#a7f3d0 50%,#22d3ee 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;}
.hero-subtitle {font-size:1.4rem;margin-bottom:1rem;color:#a7f3d0;font-weight:300;}
.hero-actions {display:flex;gap:1rem;margin-bottom:3rem;justify-content:center;}
.cta-button {padding:1rem 2rem;background:linear-gradient(135deg,#0891b2,#22d3ee);color:white;text-decoration:none;border-radius:50px;font-weight:600;}
.cta-secondary {padding:1rem 2rem;background:rgba(255,255,255,0.1);color:white;text-decoration:none;border-radius:50px;border:2px solid rgba(255,255,255,0.2);}

/* Sections */
section {padding:5rem 2rem;}
.container {max-width:1200px;margin:0 auto;}
.section-title {text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#064e3b;}

/* Features */
.features {background:linear-gradient(135deg,#064e3b 0%,#0891b2 100%);color:white;}
.features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;}
.feature {text-align:center;padding:2rem;background:rgba(255,255,255,0.1);border-radius:15px;}
.feature-icon {font-size:3rem;margin-bottom:1rem;}

/* Books Page */
.books-controls {display:grid;grid-template-columns:1fr 300px;gap:2rem;margin-bottom:3rem;align-items:end;}
.search-filter-container {display:grid;grid-template-columns:1fr 200px;gap:1rem;}
.search-box input {width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #a7f3d0;border-radius:15px;font-size:1rem;background:#f0fdfa;}
.filter-dropdown select {width:100%;padding:1rem;border:2px solid #a7f3d0;border-radius:15px;font-size:1rem;background:#f0fdfa;}
.sort-options {display:flex;gap:0.5rem;flex-wrap:wrap;}
.sort-btn {padding:0.5rem 1rem;border:2px solid #a7f3d0;background:#f0fdfa;color:#064e3b;border-radius:25px;cursor:pointer;}
.books-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem;}
.book-card {background:white;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px rgba(6,78,59,0.1);border:2px solid #a7f3d0;}
.book-card:hover {transform:translateY(-10px);border-color:#0891b2;box-shadow:0 25px 50px rgba(8,145,178,0.2);}
.book-icon {width:60px;height:80px;background:linear-gradient(135deg,#0891b2,#22d3ee);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.8rem;}
.badge {padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600;}
.badge.bestseller {background:linear-gradient(135deg,#eab308,#f59e0b);color:white;}
.badge.free {background:#16a34a;color:white;}
.badge.new {background:#3b82f6;color:white;}
.book-title {color:#064e3b;margin:0.5rem 0;font-size:1.2rem;font-weight:600;}
.book-author {color:#0891b2;margin-bottom:1rem;font-size:0.9rem;font-weight:500;}
.book-description {color:#6b7280;margin-bottom:1rem;font-size:0.9rem;}
.book-actions {display:flex;gap:0.5rem;}
.btn-primary {flex:2;padding:0.75rem 1rem;background:linear-gradient(135deg,#0891b2,#22d3ee);color:white;border:none;border-radius:10px;cursor:pointer;}
.btn-secondary {flex:1;padding:0.75rem 1rem;background:transparent;color:#0891b2;border:2px solid #0891b2;border-radius:10px;cursor:pointer;}

/* Cart Page */
.cart-table {width:100%;border-collapse:collapse;margin-bottom:2rem;}
.cart-table th, .cart-table td {border:1px solid #e5e7eb;padding:1rem;text-align:center;}
.cart-table th {background:#f0fdfa;}
.cart-summary {text-align:right;font-size:1.2rem;}
.cart-summary button {margin-top:1rem;}

/* Contact */
.contact-content {display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
.contact-form {background:white;padding:2rem;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.form-group {margin-bottom:1.5rem;}
.form-group label {display:block;margin-bottom:0.5rem;color:#374151;font-weight:500;}
.form-group input,.form-group textarea {width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;}
.submit-btn {background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:white;padding:1rem 2rem;border:none;border-radius:10px;cursor:pointer;}

/* Footer */
footer {background:#064e3b;color:white;text-align:center;padding:2rem;}