:root{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020817;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#8b5cf638,#0000 32%),radial-gradient(circle at 100% 0,#0ea5e92e,#0000 30%),#020817;min-width:320px;min-height:100vh;margin:0}img{max-width:100%;display:block}button,a{font:inherit}button{cursor:pointer}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}.portfolio-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ab8;border:1px solid #94a3b82e;border-radius:28px;width:min(1200px,100% - 32px);margin:32px auto;padding:24px 28px 0;box-shadow:0 30px 80px #0f172a73}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:8px 0 18px;display:flex}.brand{color:#f8fafc;letter-spacing:.02em;align-items:center;gap:12px;font-weight:700;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#8b5cf6,#38bdf8);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;display:inline-flex;box-shadow:0 12px 30px #8b5cf659}.nav{color:#cbd5e1;align-items:center;gap:26px;display:flex}.nav a{transition:color .2s}.nav a:hover,.nav a:focus-visible{color:#f8fafc}.nav-button,.primary-btn,.secondary-btn{border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.nav-button,.primary-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 18px 30px #6366f147}.nav-button{padding:.8rem 1.2rem;font-weight:600}.primary-btn,.secondary-btn{padding:.95rem 1.5rem;font-weight:600}.secondary-btn{color:#e2e8f0;background:#0f172a33;border:1px solid #94a3b852}.nav-button:hover,.primary-btn:hover,.secondary-btn:hover,.nav-button:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible{transform:translateY(-1px)}.section{padding:56px 0}.hero{grid-template-columns:1.3fr .9fr;align-items:center;gap:34px;padding-top:40px;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#8b5cf6;margin:0 0 18px;font-size:.8rem;font-weight:700}.hero h1{letter-spacing:-.06em;color:#f8fafc;margin:0;font-size:clamp(2.8rem,4.2vw,5rem);line-height:.98}.hero h1 span{color:#7dd3fc}.intro{color:#cbd5e1;max-width:640px;margin-top:1.5rem;font-size:1.08rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:2rem;display:flex}.stats-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.stats-list li{background:#0f172a4d;border:1px solid #94a3b82e;border-radius:18px;padding:18px 16px}.stats-list strong{color:#f8fafc;font-size:1.5rem;display:block}.stats-list span{color:#94a3b8;font-size:.9rem}.hero-panel{justify-content:center;display:flex}.profile-card{background:linear-gradient(#0f172ad1,#0f172a9e);border:1px solid #94a3b82e;border-radius:28px;width:min(100%,430px);padding:22px;box-shadow:0 24px 60px #0f172a6b}.status-pill{color:#86efac;background:#22c55e1f;border:1px solid #22c55e66;border-radius:999px;align-items:center;padding:.45rem .8rem;font-size:.74rem;font-weight:600;display:inline-flex}.avatar{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:28px;justify-content:center;align-items:center;width:110px;height:110px;margin:1.4rem 0 1rem;font-size:2rem;font-weight:800;display:flex}.profile-card h2{color:#f8fafc;margin:0;font-size:1.9rem}.profile-card p{color:#cbd5e1;margin-top:.7rem;line-height:1.7}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:1.5rem;display:grid}.mini-grid div{background:#94a3b80a;border:1px solid #94a3b814;border-radius:16px;flex-direction:column;justify-content:center;gap:8px;min-height:96px;padding:14px 12px;display:flex}.mini-grid span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.mini-grid strong,.mini-grid a{color:#f8fafc;overflow-wrap:anywhere;word-break:break-word;font-size:.92rem;line-height:1.45}.mini-grid a{text-decoration:none;transition:color .2s}.mini-grid a:hover,.mini-grid a:focus-visible{color:#7dd3fc}.section-heading{margin-bottom:2rem}.section-heading h2{letter-spacing:-.05em;color:#f8fafc;margin:0;font-size:clamp(2rem,2.3vw,3rem)}.about-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:26px;display:grid}.about-copy{color:#cbd5e1;gap:1.6rem;line-height:1.9;display:grid}.about-points{gap:16px;display:grid}.about-points div{background:#94a3b80a;border:1px solid #94a3b814;border-radius:18px;gap:16px;padding:18px;display:flex}.about-points strong{color:#7dd3fc;font-size:1.2rem}.about-points span{color:#e2e8f0;line-height:1.6}.skills-grid{flex-wrap:wrap;gap:14px;display:flex}.skill-tag{color:#e9d5ff;background:#8b5cf614;border:1px solid #8b5cf659;border-radius:999px;align-items:center;padding:.8rem 1.15rem;font-weight:600;display:inline-flex}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{background:#0f172a7a;border:1px solid #94a3b829;border-radius:24px;overflow:hidden}.project-image{background:linear-gradient(135deg,#3b82f6cc,#a855f7cc);height:200px}.project-body{padding:20px}.project-type{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:700;display:inline-block}.project-card h3{color:#f8fafc;margin:0;font-size:1.4rem}.project-card p{color:#cbd5e1;margin-top:.9rem;line-height:1.75}.project-card ul{flex-wrap:wrap;gap:8px;margin:1.2rem 0 0;padding:0;list-style:none;display:flex}.project-card li{color:#e2e8f0;background:#94a3b814;border:1px solid #94a3b826;border-radius:999px;padding:.48rem .7rem;font-size:.76rem;font-weight:600}.project-links{flex-wrap:wrap;gap:10px;margin-top:1.2rem;display:flex}.project-link{color:#dbeafe;letter-spacing:.04em;text-transform:uppercase;background:#0ea5e914;border:1px solid #7dd3fc4d;border-radius:999px;justify-content:center;align-items:center;padding:.52rem .85rem;font-size:.74rem;font-weight:700;display:inline-flex}.timeline{gap:22px;display:grid;position:relative}.timeline:before{content:"";background:#94a3b82e;width:1px;position:absolute;top:0;bottom:0;left:14px}.timeline-item{grid-template-columns:32px 1fr;align-items:start;gap:20px;display:grid;position:relative}.timeline-dot{z-index:1;background:linear-gradient(135deg,#8b5cf6,#38bdf8);border:4px solid #0f172ae6;border-radius:50%;width:18px;height:18px;margin-top:10px;box-shadow:0 0 0 5px #8b5cf633}.timeline-content{background:#0f172a6b;border:1px solid #94a3b81f;border-radius:18px;padding:20px 22px}.timeline-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline-header h3{color:#f8fafc;margin:0;font-size:1.2rem}.timeline-header span,.company-name{color:#7dd3fc;font-weight:600}.timeline-content p:not(.company-name){color:#cbd5e1;margin-top:.8rem;line-height:1.8}.info-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.info-card{background:#0f172a66;border:1px solid #94a3b824;border-radius:20px;padding:22px}.compact-grid{margin-top:.5rem}.education-item{gap:4px;display:grid}.education-item h3{color:#f8fafc;margin:0;font-size:1.2rem}.education-item p{color:#cbd5e1;margin:0}.education-item span{color:#7dd3fc;font-weight:600}.contact-panel{background:linear-gradient(135deg,#0f172acc,#4c1d9547);border:1px solid #94a3b829;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:28px;display:flex}.contact-panel h2{letter-spacing:-.04em;color:#f8fafc;max-width:640px;margin:0;font-size:clamp(1.7rem,2vw,2.6rem)}.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.footer{color:#94a3b8;text-align:center;padding:28px 0 24px;font-size:.95rem}@media (width<=960px){.portfolio-shell{width:min(100% - 20px,1200px);padding:18px 18px 0}.hero,.about-grid,.projects-grid,.info-panels,.contact-panel{grid-template-columns:1fr}.hero,.info-panels,.contact-panel{display:block}.hero-copy{margin-bottom:26px}.topbar{flex-wrap:wrap;justify-content:center}.nav{flex-wrap:wrap;justify-content:center;width:100%}.projects-grid,.info-panels,.contact-panel{display:grid}}@media (width<=640px){.portfolio-shell{border-radius:18px}.section{padding:44px 0}.stats-list,.mini-grid{grid-template-columns:1fr}.nav{gap:12px 18px;font-size:.92rem}.hero h1{line-height:1.05}.timeline-header{flex-direction:column;align-items:flex-start}}