*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background-color:#0f172a;color:#e5e7eb;line-height:1.6}a{text-decoration:none;color:inherit}section{padding:4rem 1.5rem;max-width:1100px;margin:auto}form{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}input,textarea{background:#020617;border:1px solid rgba(148,163,184,.15);border-radius:8px;padding:.8rem 1rem;color:#e5e7eb;font-size:1rem}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,textarea:focus{outline:none;border-color:#38bdf8}button{margin-top:.5rem;background:#38bdf8;color:#020617;padding:.8rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer}button:hover{opacity:.9}#skills div:hover,#projects div:hover{transform:translateY(-6px)}.name{padding-left:60px;font-size:29px}@media(max-width:800px){section{padding:3rem 1rem}#skills,#projects{display:grid;place-items:center}nav{display:flex;justify-content:space-between;align-items:end;position:sticky;z-index:100;padding:1rem;top:0}.name{padding-left:0;font-size:26px}}