*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb}.site-main{flex:1;padding:40px 0}.site-footer{border-top:1px solid #e5e7eb;text-align:center;font-size:14px;color:#6b7280;padding:16px 0}.container{width:min(1200px,100% - 32px);margin-inline:auto}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{font-weight:600;font-size:18px}.nav-links{display:flex;gap:16px;align-items:center}.nav-link{font-size:14px;color:#475569;text-decoration:none}.nav-link:hover{color:#111}.nav-toggle{display:none;background:transparent;border:0;padding:6px}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .06s ease;color:#111;text-decoration:none}.btn:link,.btn:visited{color:#111;text-decoration:none}.btn:hover{background:#f9fafb}.btn:active{transform:translateY(1px)}.btn-primary{background:#0f62fe;color:#fff;border-color:transparent;box-shadow:0 2px 6px #0f62fe40}.btn-primary:link,.btn-primary:visited{color:#fff;text-decoration:none}.btn-primary:hover{background:#0c54da}.hero{padding:56px 0}.hero-inner{max-width:900px;margin:0 auto;text-align:center}.hero-title{margin:0;font-size:clamp(32px,6vw,56px);font-weight:700;letter-spacing:-.02em}.hero-subtitle{margin-top:12px;font-size:18px;color:#6b7280}.hero-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px}.card{border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff}.card h2,.card h3{margin:0}.card p{margin-top:8px;color:#6b7280}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{width:min(560px,100%);background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 20px 40px #00000029;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb}.modal-body{padding:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.nav-links{display:none}.nav-toggle{display:inline-flex}.navbar.is-open .nav-links{display:flex;position:absolute;left:0;right:0;top:48px;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px 16px;flex-direction:column;gap:12px}}