:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{color:inherit}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050816;color:#e5e7eb}.app{min-height:100vh;background:radial-gradient(circle at top,#1f2937 0,#020617 55%,#000);color:#e5e7eb}.nav{max-width:1000px;margin:0 auto;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;color:#a855f7}.nav-links{display:flex;gap:1.5rem;font-size:.9rem}.nav-links a{color:#9ca3af;text-decoration:none}.nav-links a:hover{color:#e5e7eb}.main{max-width:1000px;margin:0 auto;padding:2rem 1rem 4rem}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3rem;align-items:center}@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}}.hero-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#9ca3af;margin-bottom:.75rem}.hero-title{font-size:clamp(2.2rem,4vw,3rem);font-weight:700;margin-bottom:.75rem}.hero-title span{color:#a855f7}.hero-subtitle{color:#9ca3af;max-width:32rem;line-height:1.6;margin-bottom:1.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn-secondary{border-radius:999px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.btn-secondary{background:transparent;color:#e5e7eb;border:1px solid #4b5563}.btn-primary:hover{opacity:.95}.btn-secondary:hover{border-color:#9ca3af}.hero-tagline{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;font-size:.8rem;color:#9ca3af}.hero-tagline span{padding:.3rem .75rem;border-radius:999px;border:1px solid #374151}.hero-card{background:radial-gradient(circle at top left,#1f2937 0,#020617 60%);border-radius:1.5rem;border:1px solid rgba(148,163,184,.25);padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.hero-card:hover{transform:translateY(-5px);border-color:#a855f780;box-shadow:0 10px 30px -10px #00000080}.hero-card-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#9ca3af}.hero-card-name{font-size:1.25rem;font-weight:600;margin:.25rem 0 .4rem}.hero-card-role{font-size:.85rem;color:#9ca3af;margin-bottom:1.25rem}.hero-card-pill{font-size:.75rem;color:#a855f7;border-radius:999px;padding:.25rem .75rem;border:1px solid rgba(168,85,247,.5);display:inline-flex;align-items:center;gap:.25rem}.hero-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.hero-card-item{background:#0f172ad9;border-radius:.75rem;padding:.75rem;border:1px solid rgba(31,41,55,.85)}.hero-card-item-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#9ca3af;margin-bottom:.15rem}.hero-card-item-value{font-size:.9rem}.hero-card-item-sub{font-size:.75rem;color:#9ca3af}.hero-card-orbit{position:absolute;inset:-40%;border-radius:999px;border:1px dashed rgba(148,163,184,.12)}.hero-card-orbit-dot{position:absolute;width:8px;height:8px;border-radius:999px;background:#a855f7;box-shadow:0 0 18px #a855f7b3;top:14%;right:11%}.section{margin-top:4rem}.section-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.section-subtitle{color:#9ca3af;font-size:.9rem;margin-bottom:1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.skill-card{background:radial-gradient(circle at top,#020617 0 60%);border-radius:1rem;border:1px solid #1f2937;padding:1rem 1.1rem;transition:transform .2s ease,border-color .2s ease}.skill-card:hover{transform:translateY(-3px);border-color:#a855f766}.skill-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.skill-card-name{font-size:.95rem;font-weight:500}.skill-card-level{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.skill-card-body{font-size:.8rem;color:#9ca3af}.skill-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.skill-card-tags span{padding:.2rem .55rem;border-radius:999px;background:#020617;border:1px solid #111827;font-size:.7rem;color:#9ca3af}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.project-card{background:#0f172ae6;border-radius:1rem;border:1px solid #1f2937;padding:1rem;transition:transform .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-3px);border-color:#a855f766}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-name{font-weight:500;margin-bottom:.4rem}.project-icon{width:32px;height:32px;color:#a855f7;opacity:0;transform:translate(-10px) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-icon{opacity:1;transform:translate(0) scale(1)}.project-desc{font-size:.84rem;color:#9ca3af;margin-bottom:.6rem}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.75rem}.project-tags span{padding:.2rem .5rem;border-radius:999px;background:#020617;color:#9ca3af}.footer{max-width:1000px;margin:0 auto;padding:2rem 1rem 3rem;font-size:.8rem;color:#6b7280;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer a{color:#9ca3af;text-decoration:none}.footer a:hover{color:#e5e7eb}.contact-details{display:flex;flex-direction:column;gap:1.5rem;background:radial-gradient(circle at top left,#1f2937 0,#020617);border:1px solid #374151;border-radius:1rem;padding:1.5rem;max-width:600px}.contact-item{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;font-weight:600}.contact-value,.contact-link{font-size:1.1rem;color:#e5e7eb;text-decoration:none;font-weight:500}.contact-value-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.contact-link:hover{color:#a855f7;text-decoration:underline}.contact-separator{color:#6b7280}