:root{--primary-color: #0f172a;--secondary-color: #334155;--accent-color: #3b82f6;--text-color: #f8fafc;--bg-color: #020617;--card-bg: #1e293b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}a{color:var(--accent-color);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:6rem 0}.hero{height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,#1e293b,#020617)}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.025em;background:linear-gradient(to right,#f8fafc,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.5rem;color:#94a3b8;max-width:800px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.card{background:var(--card-bg);padding:2rem;border-radius:1rem;border:1px solid #4c1d95;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:var(--accent-color)}.card h3{margin-bottom:1rem;font-size:1.5rem}.header{padding:1.5rem 0;position:fixed;width:100%;top:0;z-index:100;background:#0f071acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #2e1065}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:#fff}.logo img{height:40px;width:auto}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:#a78bfa;font-weight:500}nav a.active{color:#fff}footer{padding:4rem 0;border-top:1px solid #2e1065;text-align:center;color:#a78bfa}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.profile-photo{width:100%;aspect-ratio:1;border-radius:2rem;object-fit:cover;border:4px solid var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 40px #7c3aed4d}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.125rem}.about-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.profile-photo{max-width:300px;margin:0 auto}}