:root{--bg:#fff;--text:#0f172a;--muted:#64748b;--accent:#0ea5a5;--max-width:1100px}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.container{max-width:var(--max-width);margin:0 auto;padding:2rem}.lead{font-size:1.18rem;color:var(--muted);font-weight:500}.tech-list{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;padding:0;justify-content:flex-start}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem}.card{padding:2rem 1.5rem;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 2px 12px #0001}.skills-grid{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;padding:0;justify-content:center}.skill{padding:.7rem 1.3rem;border-radius:999px;background:#e0f2fe;color:var(--accent);font-weight:600;font-size:1.08rem;border:1px solid #bae6fd;box-shadow:0 1px 4px #0001}.contact-form{display:flex;flex-direction:column;gap:.9rem;max-width:480px;margin:0 auto}.contact-form input,.contact-form textarea{width:100%;padding:.7rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1.08rem}.success{color:green}.error{color:#c026d3}