:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-slate: #f8fafc;--text-dark: #0f172a;--text-muted: #64748b;--white: #ffffff;--font-sans: "Inter", sans-serif;--font-heading: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-slate);color:var(--text-dark);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}.navbar{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;height:80px;display:flex;align-items:center}.nav-container{max-width:1200px;margin:0 auto;width:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.logo-box{width:40px;height:40px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:20px;transform:rotate(3deg);box-shadow:0 4px 12px #2563eb33}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:24px;color:var(--text-dark);text-decoration:none;letter-spacing:-.02em}.logo-text span{color:var(--primary)}.nav-links{display:flex;gap:32px}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:600;font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--primary)}.flex{display:flex}.flex-col{flex-direction:column}.gap-8{gap:32px}.items-center{align-items:center}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.my-12{margin-top:48px;margin-bottom:48px}.p-8{padding:32px}@media(min-width:768px){.md\:flex-row{flex-direction:row}}.hero{padding:80px 24px 120px;text-align:center;background:radial-gradient(circle at top right,#dbeafe,transparent 40%),radial-gradient(circle at bottom left,#f3e8ff,transparent 40%)}.badge{display:inline-block;padding:4px 16px;background:#eff6ff;color:var(--primary);border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}.hero h1{font-family:var(--font-heading);font-size:clamp(40px,8vw,84px);line-height:.95;font-weight:800;max-width:1000px;margin:0 auto 32px;letter-spacing:-.04em}.hero h1 span{color:var(--primary);font-style:italic}.hero-p{font-size:20px;color:var(--text-muted);max-width:600px;margin:0 auto 48px;font-weight:500}.btn-group{display:flex;gap:16px;justify-content:center}.btn{padding:16px 40px;border-radius:16px;font-weight:700;font-size:18px;text-decoration:none;transition:all .2s}.btn-primary{background:var(--text-dark);color:#fff;box-shadow:0 10px 25px #0000001a}.btn-primary:hover{background:var(--primary);transform:translateY(-2px)}.btn-outline{background:#fff;border:1px solid #e2e8f0;color:var(--text-dark)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.grid-section{max-width:1200px;margin:0 auto;padding:80px 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.card{background:#fff;border:1px solid #f1f5f9;border-radius:40px;padding:16px;text-decoration:none;transition:all .3s}.card:hover{border-color:#93c5fd;box-shadow:0 20px 40px #2563eb14;transform:translateY(-4px)}.card-img{aspect-ratio:16/9;background:#f1f5f9;border-radius:32px;margin-bottom:24px;position:relative;overflow:hidden}.card-img:after{content:"READ REVIEW";position:absolute;bottom:16px;left:16px;background:#ffffffe6;padding:6px 16px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.1em}.card h3{font-family:var(--font-heading);font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-dark);line-height:1.2}.card p{color:var(--text-muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px}article{max-width:800px;margin:60px auto;padding:0 24px}.article-header{margin-bottom:48px}.pub-date{font-size:14px;color:var(--text-muted);margin-bottom:8px}.article-header h1{font-family:var(--font-heading);font-size:48px;line-height:1.1;font-weight:800;margin-bottom:24px}.description{font-size:20px;color:#475569;font-style:italic}.disclosure{background:#eff6ff;border-left:4px solid var(--primary);padding:24px;border-radius:0 12px 12px 0;margin:40px 0}.disclosure p{font-size:12px;margin:0}.article-content h2{font-family:var(--font-heading);font-size:32px;font-weight:700;margin:48px 0 24px;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.article-content h3{font-family:var(--font-heading);font-size:24px;margin:32px 0 16px}.article-content p{margin-bottom:24px}.article-content ul{margin:24px 0;padding-left:24px}.article-content li{margin-bottom:12px}.amazon-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;margin:48px 0;display:flex;gap:32px;align-items:center;box-shadow:0 4px 6px -1px #0000000d}.amazon-info{flex-grow:1}.amazon-info h3{margin:0 0 8px!important;font-size:24px!important}.stars{color:#facc15;margin-bottom:16px;display:block}.review-count{font-size:12px;font-weight:700;color:var(--text-muted);text-decoration:underline}.amazon-price{font-size:32px;font-weight:800;color:var(--primary);margin:24px 0}.amazon-button{background:#fbbf24;color:#0f172a;padding:18px 32px;border-radius:16px;font-weight:800;text-decoration:none;border-bottom:4px solid #d97706;transition:all .1s;display:inline-block;text-align:center}.amazon-button:hover{background:#fcd34d}.amazon-button:active{border-bottom-width:0;transform:translateY(4px)}.footer{background:#0f172a;color:#fff;padding:80px 24px 0;margin-top:120px}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:60px;padding-bottom:80px}.footer h3,.footer h4{font-family:var(--font-heading);font-weight:700;margin-bottom:24px}.footer-section p{font-size:14px;color:#94a3b8}.footer-section ul{list-style:none}.footer-section li{margin-bottom:12px}.footer-section a{color:#94a3b8;text-decoration:none;font-size:14px}.footer-section a:hover{color:#fff}.disclaimer{font-size:10px!important;color:#64748b!important}.footer-bottom{border-top:1px solid #1e293b;padding:32px 0;text-align:center;color:#475569;font-size:11px;letter-spacing:.1em}@media(max-width:768px){.amazon-card{flex-direction:column;text-align:center}.btn-group{flex-direction:column}}
