:root{--bg-1:#0f172a;--bg-2:#08102a;--accent:#ff4d4f;--muted:#94a3b8;--card:#ffffff0a}html,body,#__next{height:100%}html{scroll-behavior:smooth}body.app-body{background:radial-gradient(1200px 600px at 10% 10%,#7c3aed14,transparent),linear-gradient(180deg,var(--bg-1)0%,var(--bg-2)100%);color:#e6eef8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.hero{grid-template-columns:1fr;align-items:center;gap:2rem;padding:4rem 0 6rem;display:grid}.accent-blob{filter:blur(28px);opacity:.95;background:radial-gradient(circle at 30% 30%,#7c3aed59,#6366f11f);border-radius:40%;width:220px;height:220px;animation:6s ease-in-out infinite float;transform:translateY(0)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.card{background:var(--card);border:1px solid #ffffff08;border-radius:12px;padding:1.25rem;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #02061799}.contact-card{margin-top:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(-14px)translate(6px)rotate(4deg)}to{transform:translateY(0)translate(0)rotate(0)}}@media (min-width:900px){.hero{grid-template-columns:1fr 360px}}@media (max-width:600px){.hero{padding:2.5rem 0 3rem}.accent-blob{filter:blur(20px);width:140px;height:140px}.card{padding:1rem}}