:root{color:#f8fafc;background:#020617;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 0 0,#38bdf829,#0000 30%),radial-gradient(circle at 100% 0,#a855f724,#0000 30%),#020617;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.hero{max-width:1050px;margin:0 auto;padding:120px 24px 80px}.eyebrow{color:#38bdf8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:.95rem;font-weight:700}h1{letter-spacing:-.06em;max-width:850px;margin:0;font-size:clamp(3rem,8vw,6.5rem);line-height:.95}.subtitle{color:#cbd5e1;max-width:720px;margin-top:28px;font-size:1.2rem;line-height:1.8}.buttons{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.primary,.secondary{border-radius:999px;padding:14px 22px;font-weight:700}.primary{color:#020617;background:#f8fafc}.secondary{color:#f8fafc;border:1px solid #f8fafc38}.section{max-width:1050px;margin:0 auto;padding:40px 24px}.section h2{letter-spacing:-.04em;margin-bottom:22px;font-size:2rem}.project-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-card{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:26px;min-height:230px;padding:24px;transition:transform .2s,border-color .2s,background .2s;display:block;box-shadow:0 20px 80px #00000038}.project-card:hover{background:#0f172af2;border-color:#38bdf88c;transform:translateY(-6px)}.status{color:#7dd3fc;background:#38bdf81f;border-radius:999px;width:fit-content;margin:0 0 24px;padding:7px 11px;font-size:.8rem;font-weight:700}.project-card h3{margin:0 0 14px;font-size:1.35rem}.project-card p{color:#cbd5e1;line-height:1.7}.skills{flex-wrap:wrap;gap:12px;display:flex}.skills span{color:#e2e8f0;background:#0f172aa6;border:1px solid #94a3b82e;border-radius:999px;padding:10px 14px;font-weight:600}@media (width<=820px){.hero{padding-top:80px}.project-grid{grid-template-columns:1fr}}.page{max-width:1050px;margin:0 auto;padding:90px 24px}.navbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;max-width:1050px;margin:0 auto;padding:22px 24px;display:flex;position:sticky;top:0}.logo{color:#f8fafc;background:#0f172abf;border:1px solid #94a3b840;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.nav-links{align-items:center;gap:22px;display:flex}.nav-links a{color:#cbd5e1;font-weight:650;transition:color .2s}.nav-links a:hover{color:#38bdf8}@media (width<=640px){.navbar{flex-direction:column;align-items:flex-start;gap:18px}.nav-links{flex-wrap:wrap;gap:14px}}.content-card{background:#0f172aad;border:1px solid #94a3b82e;border-radius:26px;margin-top:22px;padding:26px}.content-card h2{margin:0 0 12px;font-size:1.4rem}.content-card p,.content-card li{color:#cbd5e1;line-height:1.8}.content-card code{color:#f8fafc;background:#94a3b829;border-radius:6px;padding:2px 6px}.contact-list{gap:16px;margin-top:34px;display:grid}.contact-item{background:#0f172aad;border:1px solid #94a3b82e;border-radius:22px;justify-content:space-between;gap:18px;padding:22px;display:flex}.contact-item span{color:#94a3b8;font-weight:700}.contact-item strong{color:#f8fafc}.meta-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;margin-bottom:28px;display:grid}.meta-grid div{background:#0f172aad;border:1px solid #94a3b82e;border-radius:22px;padding:20px}.meta-grid span{color:#94a3b8;margin-bottom:8px;font-weight:700;display:block}.meta-grid strong{color:#f8fafc}@media (width<=820px){.meta-grid{grid-template-columns:1fr}.contact-item{flex-direction:column}}.hero-dynamic{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid;position:relative}.hero-copy h1 span{color:#0000;background:linear-gradient(135deg,#38bdf8,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text}.hero-visual{place-items:center;min-height:520px;display:grid;position:relative}.profile-card{z-index:5;aspect-ratio:1;background:linear-gradient(#0f172abf,#0f172abf) padding-box padding-box,linear-gradient(135deg,#38bdf8e6,#a855f7cc,#f472b6cc) border-box;border:1px solid #f8fafc2e;border-radius:42px;width:min(360px,82vw);padding:14px;animation:6s ease-in-out infinite floatProfile;position:relative;box-shadow:0 30px 100px #38bdf82e,0 30px 120px #a855f72e}.profile-card img{object-fit:cover;border-radius:30px;width:100%;height:100%;display:block}.orbit{border:1px solid #94a3b82e;border-radius:999px;position:absolute}.orbit-one{width:430px;height:430px;animation:18s linear infinite spin}.orbit-two{border-style:dashed;width:310px;height:310px;animation:14s linear infinite spinReverse}.floating-card{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border:1px solid #94a3b838;border-radius:20px;padding:14px 16px;animation:5s ease-in-out infinite floatCard;position:absolute;box-shadow:0 18px 60px #00000047}.floating-card span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.78rem;font-weight:700;display:block}.floating-card strong{color:#f8fafc;font-size:.95rem}.card-one{top:80px;left:10px}.card-two{animation-delay:.7s;top:210px;right:0}.card-three{animation-delay:1.1s;bottom:80px;left:40px}.quick-stats{grid-template-columns:repeat(3,1fr);gap:14px;max-width:720px;margin-top:42px;display:grid}.quick-stats div{background:#0f172a94;border:1px solid #94a3b82e;border-radius:22px;padding:18px}.quick-stats strong{color:#f8fafc;margin-bottom:6px;font-size:1.4rem;display:block}.quick-stats span{color:#94a3b8;font-size:.9rem;font-weight:650}.section-heading{margin-bottom:22px}.section-heading .eyebrow{margin-bottom:8px}.project-card.featured{background:linear-gradient(#0f172ad1,#0f172ad1) padding-box padding-box,linear-gradient(135deg,#38bdf8b3,#a855f7b3) border-box;border-color:#0000}.card-link{color:#7dd3fc;margin-top:18px;font-weight:800;display:inline-block}@keyframes floatProfile{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-18px)rotate(1deg)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@media (width<=960px){.hero-dynamic{grid-template-columns:1fr}.hero-visual{min-height:460px}.quick-stats{grid-template-columns:1fr}}@media (width<=560px){.profile-card{border-radius:34px;width:min(300px,84vw)}.profile-card img{border-radius:24px}.orbit-one{width:330px;height:330px}.orbit-two{width:250px;height:250px}.floating-card{display:none}}.footer{color:#cbd5e1;border-top:1px solid #94a3b82e;justify-content:space-between;gap:24px;width:min(1050px,100% - 48px);margin:80px auto 0;padding:34px 0 42px;display:flex}.footer strong{color:#f8fafc;margin-bottom:6px;font-size:1.1rem;display:block}.footer p{color:#94a3b8;margin:0}.footer-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.footer-links a{color:#cbd5e1;font-weight:700}.footer-links a:hover{color:#38bdf8}@media (width<=700px){.footer{flex-direction:column}}.project-list{gap:18px;margin-top:36px;display:grid}.project-row{background:#0f172aad;border:1px solid #94a3b82e;border-radius:28px;justify-content:space-between;gap:28px;padding:28px;transition:transform .2s,border-color .2s,background .2s;display:flex}.project-row:hover{background:#0f172ae6;border-color:#38bdf873;transform:translateY(-5px)}.project-row h2{margin:0 0 12px;font-size:1.6rem}.project-row p:not(.status){color:#cbd5e1;max-width:700px;line-height:1.75}.project-row>strong{white-space:nowrap;color:#7dd3fc;align-self:center}.project-row.muted{opacity:.7}.tags{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tags span{color:#e2e8f0;background:#02061773;border:1px solid #94a3b82e;border-radius:999px;padding:8px 11px;font-size:.85rem;font-weight:700}@media (width<=760px){.project-row{flex-direction:column}.project-row>strong{align-self:flex-start}}.project-detail .meta-grid{grid-template-columns:repeat(4,1fr)}.highlight-card{background:linear-gradient(#0f172ac2,#0f172ac2) padding-box padding-box,linear-gradient(135deg,#38bdf873,#a855f773) border-box;border-color:#38bdf861}.two-column{grid-template-columns:1fr 1fr;gap:18px;display:grid}.timeline{gap:16px;margin-top:18px;display:grid}.timeline div{background:#02061759;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:60px 1fr;align-items:start;gap:16px;padding:16px;display:grid}.timeline span{color:#7dd3fc;background:#38bdf824;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.timeline p{color:#cbd5e1;margin:0;line-height:1.7}@media (width<=900px){.project-detail .meta-grid{grid-template-columns:1fr 1fr}.two-column{grid-template-columns:1fr}}@media (width<=560px){.project-detail .meta-grid{grid-template-columns:1fr}}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}