:root{color:#dbe6f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#08111f;min-width:320px;min-height:100vh;margin:0}body,button,a{font:inherit}img,svg{max-width:100%;display:block}#root{min-height:100vh}::selection{color:#f8fbff;background:#38bdf852}.portfolio-page{color:#f5f3ff;background:radial-gradient(circle at 0 0,#9457ff33,#0000 28%),radial-gradient(circle at 100% 0,#ff00b826,#0000 24%),linear-gradient(#19153d 0%,#1a1640 38%,#100f2e 100%);min-height:100vh;position:relative;overflow:hidden}.bg-orb{filter:blur(80px);pointer-events:none;border-radius:999px;position:absolute}.bg-orb-left{background:#6c63ff38;width:320px;height:320px;top:120px;left:-80px}.bg-orb-right{background:#c4b5fd29;width:360px;height:360px;bottom:80px;right:-120px}.portfolio-shell{z-index:1;gap:26px;width:min(1240px,100% - 32px);margin:0 auto;padding:24px 0 36px;display:grid;position:relative}.section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#241f52d1,#181640d1);border:1px solid #ffffff14;border-radius:32px;padding:28px;box-shadow:0 30px 100px #00000059,inset 0 1px #ffffff0f}.card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:28px;box-shadow:inset 0 1px #ffffff0a}.eyebrow,.mini-label,.project-meta{letter-spacing:.18em;text-transform:uppercase;color:#dcd6ffb8;margin:0;font-size:.72rem}.accent{color:#c4b5fd}.section-header{gap:10px;max-width:72ch;display:grid}.section-header h2,.hero-text h1,.thank-you h2{letter-spacing:-.06em;margin:0;line-height:.94}.section-header h2{color:#f8f5ff;font-size:clamp(2rem,4vw,3.2rem)}.section-description{color:#e9e4ffd1;max-width:68ch;margin:0;line-height:1.7}.hero-section{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:stretch;gap:22px;display:grid}.hero-text{padding:14px 0 10px;position:relative}.panel-actions{gap:6px;display:flex;position:absolute;top:0;right:0}.dot{border:1px solid #ffffff8c;border-radius:999px;width:10px;height:10px}.hero-text h1{color:#a78bfa;margin-top:16px;font-size:clamp(4rem,6vw,5.7rem)}.hero-copy{color:#e6e1ff;max-width:24ch;margin:20px 0 0;font-size:1.02rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.primary-action,.secondary-action,.contact-links a{border-radius:999px;padding:.92rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,border-color .18s}.primary-action{color:#fff;background:linear-gradient(135deg,#c4b5fd,#8b5cf6)}.secondary-action{color:#f8f5ff;background:#ffffff0d;border:1px solid #ffffff1a}.primary-action:hover,.secondary-action:hover,.contact-links a:hover{transform:translateY(-2px)}.hero-visual{align-content:start;justify-self:end;gap:16px;max-width:360px;padding:18px;display:grid}.portrait{aspect-ratio:1;object-fit:cover;object-position:center;border-radius:24px;justify-self:center;width:min(100%,280px)}.hero-caption{gap:6px;padding:4px 4px 2px;display:grid}.hero-caption strong{color:#f8f5ff;font-size:1.05rem}.hero-caption p{color:#e9e4ffd1;margin:0;line-height:1.65}.welcome-section{grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);gap:22px;display:grid}.welcome-copy{color:#e9e4ffd1;max-width:54ch;margin:0;line-height:1.75}.welcome-aside{gap:16px;display:grid}.mini-card{background:#a78bfa2e;border:1px solid #ffffff14;border-radius:24px;padding:18px}.accent-card{align-items:start;gap:12px;display:grid}.small-avatar{object-fit:cover;border-radius:24px;width:72px;height:72px}.mini-card strong{color:#f8f5ff;margin-top:10px;display:block}.mini-card p{color:#ece8ffd1;margin:8px 0 0;line-height:1.65}.skills-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;margin-top:22px;display:grid}.skills-panel,.hobbies-panel{padding:20px}.progress-row{gap:8px;margin-bottom:16px;display:grid}.progress-labels{color:#f7f5ff;justify-content:space-between;font-size:.95rem;display:flex}.progress-track{background:#ffffff14;border-radius:999px;height:9px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#c4b5fd,#8b5cf6);height:100%}.hobby-list{gap:12px;margin-top:12px;display:grid}.hobby-item{color:#efeaff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:14px 16px}.projects-section,.testimonials-section,.contact-section{gap:22px;display:grid}.projects-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{padding:18px}.project-card h3{color:#c4b5fd;margin:10px 0 8px;font-size:1.15rem}.project-card p{color:#e9e4ffd1;margin:0;line-height:1.65}.testimonials-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:18px;display:grid}.testimonials-list,.thank-you{padding:20px}.testimonials-list{gap:16px;display:grid}.testimonial{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;margin:0;padding:16px 18px}.testimonial p{color:#f6f3ffe0;margin:0 0 10px;line-height:1.65}.testimonial footer{color:#8ad8ff;font-size:.92rem}.thank-you{align-content:start;gap:16px;display:grid}.thank-photo{aspect-ratio:1;object-fit:cover;border-radius:24px;width:100%}.thank-you h2{color:#c4b5fd;margin-top:8px;font-size:clamp(2rem,3vw,2.8rem)}.thank-you p{color:#e9e4ffd1;margin:12px 0 0;line-height:1.7}.contact-links{flex-wrap:wrap;gap:10px;display:flex}.contact-links a{color:#fff;background:linear-gradient(135deg,#c4b5fd,#8b5cf6)}@media (width<=1100px){.hero-section,.welcome-section,.skills-layout,.testimonials-layout,.projects-list{grid-template-columns:1fr}}@media (width<=760px){.portfolio-shell{width:min(100%,100% - 18px);padding:12px 0 24px}.section{border-radius:26px;padding:18px}.hero-text h1{font-size:clamp(3rem,18vw,4.8rem)}.hero-visual{justify-self:stretch;max-width:100%}.portrait{width:min(100%,220px)}.hero-actions,.contact-links{flex-direction:column;align-items:stretch}.primary-action,.secondary-action,.contact-links a{text-align:center}}
