*{box-sizing:border-box;font-family:system-ui,sans-serif}body{margin:0;background:#020617;color:#e5e7eb}.container{max-width:900px;margin:auto;padding:2rem}header{margin-bottom:3rem}h1{font-size:2.75rem;margin-bottom:.5rem}h2{margin-bottom:1.5rem}.projects{display:grid;gap:2rem}.card{background:#0f172a;padding:1.75rem;border-radius:16px;transition:transform .25s ease,box-shadow .25s ease;border:1px solid #1e293b}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000073}.tech{opacity:.7;font-size:.9rem}a{color:#22c55e;text-decoration:none}footer{margin-top:4rem;opacity:.6}.fade-in{opacity:0;transform:translateY(12px);animation:fadeUp .45s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero>*{position:relative;z-index:1}@keyframes heroGlow{0%{transform:translate(0)}to{transform:translate(80px,-60px)}}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 30%,rgba(34,197,94,.12),transparent 50%),radial-gradient(circle at 70% 40%,rgba(99,102,241,.12),transparent 50%);animation:heroGlow 30s linear infinite;z-index:0}