:root{--red: #e02424;--blue: #1e3a8a;--bg: #ffffff;--text: #1f2937;--muted: #6b7280}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{display:flex;min-height:100%;flex-direction:column}.main{flex:1}.container{max-width:1200px;margin:0 auto;padding:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease;color:#fff;background:linear-gradient(90deg,var(--red),var(--blue))}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #1e3a8a40}.hero{background:radial-gradient(1200px circle at 0% 0%,rgba(224,36,36,.12),transparent 40%),radial-gradient(1200px circle at 100% 0%,rgba(30,58,138,.12),transparent 40%);padding:4rem 0;text-align:center}.hero h1{font-size:2.75rem;margin:0 0 .75rem}.hero p{margin:0 0 1.5rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0000000a}.card .thumb{height:140px;background:linear-gradient(90deg,#e0242426,#1e3a8a26);display:flex;align-items:center;justify-content:center;font-size:2rem}.card .body{padding:.75rem}.card .title{font-weight:600}.card .meta{color:var(--muted);font-size:.9rem}.card .price{margin-top:.5rem;font-weight:700}.section{padding:2rem 0}nav.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:#ffffffd9;border-bottom:1px solid #e5e7eb}.brand{font-weight:800;color:var(--blue)}.brand em{color:var(--red);font-style:normal}.brand-logo{height:60px;width:60px;border-radius:8px;object-fit:contain}.brand{gap:.6rem}@media (max-width: 640px){.brand-logo{height:32px;width:32px}}.nav-links{display:flex;gap:1rem}.nav-links a{color:var(--text);text-decoration:none;font-weight:600}.nav-links a.active{color:var(--blue)}footer.footer{border-top:1px solid #e5e7eb;padding:1rem 0;color:var(--muted)}form.contact-form{display:grid;gap:.75rem;max-width:560px}form.contact-form input,form.contact-form textarea{padding:.6rem .75rem;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit}form.contact-form textarea{min-height:120px;resize:vertical}form.contact-form .actions{display:flex;gap:.5rem}.main{padding-bottom:2rem}