body{background:#f5f7fa;margin:0;font-family:Arial,sans-serif}body{color:#1f2937;background:#fff;margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}#root{width:100%}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;padding:18px 40px;display:flex;position:sticky;top:0}.logo{color:#1e40af;font-size:28px;font-weight:700}.hero{text-align:center;background:linear-gradient(#fff,#f8fafc);padding:100px 20px}.hero h1{color:#1e3a8a;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:4rem}.hero p{color:#6b7280;font-size:20px}.hero:after{content:"";background:#2563eb;border-radius:20px;width:120px;height:4px;margin:25px auto 0;display:block}section{padding:70px 20px}section h2{text-align:center;color:#1e3a8a;margin-bottom:40px;font-size:36px}.cards{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.card{text-align:center;width:300px;min-height:180px;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:25px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000000f}.card:before{content:"";background:#2563eb;width:100%;height:4px;transition:all .4s;position:absolute;top:0;left:-100%}.card:hover:before{left:0}.card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #2563eb26}.card h3{color:#1e3a8a;margin-bottom:12px;font-size:24px}.card p{color:#6b7280;font-size:16px;line-height:1.6}.card h4{color:#2563eb;font-size:22px}.buy-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:12px;padding:12px;font-weight:700;transition:all .3s}.buy-btn:hover{background:#1d4ed8;transform:scale(1.03)}.footer{color:#fff;text-align:center;background:#111827;margin-top:60px;padding:50px 20px}.footer h3{color:#60a5fa;font-size:28px}.footer p{color:#d1d5db}@media (width<=768px){.hero h1{font-size:2.5rem}.card{width:90%}}