*{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;margin:0;color:#111827;background:#fff;line-height:1.6}a{color:#2563eb;text-decoration:none}.container{max-width:1100px;margin:auto;padding:0 1rem}.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}.logo{display:flex;gap:.5rem;align-items:center;font-weight:700;color:#111827}.logo img{width:30px}#mainNav{display:flex;gap:1rem;align-items:center}.btn,button{background:#2563eb;color:#fff;border:none;padding:.7rem 1rem;border-radius:10px;cursor:pointer}.hero{padding:5rem 0 3rem}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 1rem}.muted{color:#6b7280}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;box-shadow:0 10px 30px rgba(17,24,39,.05);background:#fff}.section{padding:3rem 0}.site-footer{background:#07122b;color:#dbe6ff;padding:3rem 0 1rem;margin-top:4rem}.site-footer a{display:block;color:#b9cafc;margin:.3rem 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-grid{display:grid;gap:.8rem}input,textarea,select{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:10px}.output{white-space:pre-wrap;background:#f8fafc;border:1px solid #e5e7eb;padding:1rem;border-radius:12px}.menu-btn{display:none}@media (max-width:768px){.menu-btn{display:block}#mainNav{display:none;position:absolute;top:64px;right:1rem;background:#fff;border:1px solid #e5e7eb;padding:1rem;border-radius:12px;flex-direction:column}#mainNav.open{display:flex}}