@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Sora:wght@500;600;700;800&display=swap";:root{--bg:#f4f1eb;--text:#161f28;--text-soft:#4e5a6a;--line:#111c2324;--accent:#bf4e2d;--accent-2:#066670;--card:#ffffffb8;--shadow-soft:0 14px 34px #0c1b271f;--font-body:"Outfit", sans-serif;--font-display:"Sora", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 10% 0,#bf4e2d2e,#0000 40%),radial-gradient(circle at 90% 10%,#06667026,#0000 48%),linear-gradient(130deg,#f7f4ee 0%,#f0ece5 100%);margin:0;line-height:1.6}body:before{content:"";pointer-events:none;opacity:.25;z-index:-1;background-image:radial-gradient(#0000000b .7px,#0000 .7px);background-size:3px 3px;position:fixed;inset:0}a{color:inherit}.app-shell{min-height:100dvh;position:relative}.site-header{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;background:#fdfcf9b3;border-radius:999px;justify-content:space-between;align-items:center;width:min(1160px,94vw);margin:1rem auto 0;padding:.75rem 1rem;display:flex;position:sticky;top:10px}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.95rem;font-weight:700;text-decoration:none}.nav-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;background:#ffffffbf;border-radius:50%;place-items:center;display:none}.site-nav{align-items:center;gap:1.2rem;display:flex}.site-nav a{color:var(--text-soft);font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--accent)}.app-main{overflow:clip}.hero{place-items:center;min-height:94vh;padding:6rem 1rem 4rem;display:grid;position:relative}.hero-layers{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(26px);opacity:.45;border-radius:999px;animation:11s ease-in-out infinite alternate floaty;position:absolute}.orb-a{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#c84f22d9,#c84f220f);width:min(46vw,530px);top:8%;right:7%}.orb-b{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#066670d9,#0666700f);width:min(36vw,420px);animation-delay:1.7s;bottom:7%;left:8%}.grid-mask{background-image:linear-gradient(90deg,#1414140e 1px,#0000 1px),linear-gradient(#1414140e 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 84%);mask-image:radial-gradient(circle,#000 35%,#0000 84%)}.hero-content{text-align:left;perspective:1100px;grid-template-columns:minmax(0,1fr) minmax(250px,340px);align-items:center;gap:1.2rem;width:min(1060px,92vw);display:grid;position:relative}.hero-text{min-width:0}.hero-creative .hero-content{overflow:visible}.hero-rings{aspect-ratio:1;opacity:.58;border:1px solid #ffffff38;border-radius:50%;width:min(48vw,560px);position:absolute;top:12%;right:4%;box-shadow:0 0 0 26px #ffffff0a,0 0 0 70px #ffffff06}.hero-text-card{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-style:preserve-3d;background:linear-gradient(145deg,#ffffffad,#e9f4f766);border:1px solid #ffffff47;border-radius:22px;padding:1.4rem;position:relative;box-shadow:0 18px 30px #08121a2e}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-2);margin:0;font-size:.78rem;font-weight:700}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;color:var(--text);max-width:none;margin:.9rem 0 0;font-size:clamp(1.95rem,6.2vw,5.2rem);line-height:1}.hero-tagline{color:var(--text-soft);max-width:68ch;margin-top:1.5rem;font-size:clamp(1rem,1.5vw,1.24rem)}.hero-metrics{flex-wrap:wrap;gap:.55rem;margin-top:1.1rem;display:flex}.hero-metrics span{border:1px solid var(--line);color:var(--accent-2);background:#ffffffc7;border-radius:999px;padding:.34rem .62rem;font-size:.76rem;font-weight:700}.hero-cta{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.hero-photo-frame{background:linear-gradient(160deg,#ffffffdb,#eef6f8b3);border:1px solid #ffffff57;border-radius:20px;justify-self:end;width:min(330px,32vw);margin:0;padding:.55rem;box-shadow:0 18px 34px #08121a38}.hero-photo-shell{transform-style:preserve-3d;z-index:2;position:relative}.hero-photo-glow{z-index:0;filter:blur(20px);background:radial-gradient(circle at 30% 30%,#52c5ff40,#c34f2d2e,#0000 70%);border-radius:24px;position:absolute;inset:-8%}.hero-photo{z-index:1;border-radius:14px;width:100%;height:auto;display:block;position:relative}.hero-photo-shell figcaption{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-2);text-align:center;margin-top:.6rem;font-size:.8rem;font-weight:700}.hero-floating-chips{pointer-events:none;flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;bottom:-1.2rem;left:2%}.hero-floating-chips span{color:#ecf4fb;letter-spacing:.05em;text-transform:uppercase;background:#0c161ecc;border:1px solid #ffffff59;border-radius:999px;padding:.35rem .62rem;font-size:.72rem;box-shadow:0 10px 18px #00000040}.btn{border-radius:999px;padding:.8rem 1.25rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(130deg,#c34f2d 0%,#9a2f17 100%);box-shadow:0 14px 30px #9c311847}.btn-ghost{color:var(--text);border:1px solid var(--line);background:#ffffffad}.section-wrap{width:min(1060px,92vw);margin:0 auto}.section{padding:5rem 0}.section-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-2);margin:0 0 .9rem;font-size:.76rem;font-weight:700}.section-title{font-family:var(--font-display);max-width:20ch;margin:0;font-size:clamp(1.8rem,4.2vw,3rem);line-height:1.05}.about-copy{gap:.95rem;margin-top:1.4rem;display:grid}.about-copy p{color:var(--text-soft);max-width:74ch;margin:0}.timeline{gap:1rem;margin-top:2rem;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(#076670b3,#c34f2d85);width:2px;position:absolute;top:14px;bottom:14px;left:12px}.timeline-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-soft);border-radius:18px;margin-left:2.25rem;padding:1.1rem 1.2rem;transition:transform .22s,border-color .22s}.timeline-card:hover{border-color:#07667052;transform:translate(4px)}.timeline-head{align-items:center;gap:.55rem;margin-bottom:.55rem;display:flex}.timeline-icon{border:2px solid var(--accent-2);width:30px;height:30px;color:var(--accent-2);background:#f8f5ef;border-radius:50%;place-items:center;margin-left:-1.96rem;transition:background .24s,border-color .24s,color .24s,box-shadow .24s;display:grid}.icon-glow{transition:transform .25s,box-shadow .25s;position:relative}.icon-glow:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #06667033,0 0 24px #bf4e2d59}.timeline-card.education .timeline-icon{color:#6366f1;background:#e0e7ff;border-color:#6366f1}.timeline-card.education .icon-glow:hover{box-shadow:0 0 0 2px #6366f133,0 0 24px #6366f180}.timeline-card.internship .timeline-icon{color:#f97316;background:#ffedd5;border-color:#f97316}.timeline-card.internship .icon-glow:hover{box-shadow:0 0 0 2px #f9731633,0 0 24px #f9731680}.timeline-card.workshop .timeline-icon{color:#22c55e;background:#dcfce7;border-color:#22c55e}.timeline-card.workshop .icon-glow:hover{box-shadow:0 0 0 2px #22c55e33,0 0 24px #22c55e80}.timeline-card.education .timeline-period{color:#6366f1}.timeline-card.internship .timeline-period{color:#f97316}.timeline-card.workshop .timeline-period{color:#22c55e}.timeline-period{color:var(--accent-2);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.timeline-card h3{margin:0;font-size:1.08rem}.timeline-org{color:var(--text);margin:.35rem 0;font-weight:600}.timeline-card p{color:var(--text-soft);margin:0}.timeline-metric{color:var(--accent);margin-top:.65rem;font-weight:700}.section-skills-fusion{position:relative;overflow:hidden}.skills-fusion-wrap{background:repeating-linear-gradient(-42deg,#f3c400 0 72px,#151515 72px 154px);border-radius:28px;margin-top:1.2rem;padding:2.2rem 1rem;position:relative;box-shadow:0 25px 44px #0a0c0d40}.skills-fusion-panel{background:radial-gradient(circle at 70% 10%,#2435416b,#0a0c10f5);border:1px solid #ffffff14;border-radius:24px;padding:1.7rem 1.4rem 1.4rem 4.2rem;position:relative;overflow:hidden}.skills-fusion-panel:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:54px 100%;position:absolute;inset:0}.skills-side-label{transform-origin:0 0;color:#f4f6f9;letter-spacing:.08em;text-transform:uppercase;border-left:4px solid #f3c400;padding-left:.5rem;font-weight:700;position:absolute;top:50%;left:1rem;transform:translateY(-50%)rotate(-90deg)}.skills-side-dash{background:repeating-linear-gradient(#fff9 0 24px,#0000 24px 38px);width:2px;position:absolute;top:1.2rem;bottom:1.2rem;right:.9rem}.skills-fusion-content{z-index:1;padding-right:1.5rem;position:relative}.fusion-kicker{letter-spacing:.14em;text-transform:uppercase;color:#f3c400;margin:0;font-size:.82rem;font-weight:700}.fusion-title{color:#f8fbff;font-family:var(--font-display);text-shadow:2px 0 #1dc9ff,-2px 0 #ff5f3d;margin:.55rem 0 0;font-size:clamp(1.8rem,4vw,3rem)}.fusion-copy{color:#e6ecf3c7;max-width:78ch;margin-top:.75rem}.fusion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.fusion-card{background:linear-gradient(150deg,#181b20fa,#0e1014fa);border:1px solid #ffffff14;border-radius:14px;min-height:154px;padding:.85rem .75rem;transition:transform .24s,box-shadow .24s,border-color .24s;box-shadow:0 14px 22px #0000006b}.fusion-card:hover{border-color:#f3c40073;transform:translateY(-4px);box-shadow:0 18px 28px #0000008c}.fusion-icon{color:#f5f7fa;background:#ffffff0d;border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:.65rem;display:grid}.fusion-icon img{object-fit:contain;width:34px;height:34px}.fusion-card h3{color:#f8fbff;margin:0;font-size:1rem}.fusion-card p{color:#d8e1e8bf;margin-top:.48rem;font-size:.84rem;line-height:1.45}.icons-credit{color:#e4ebf19e;margin:.95rem 0 0;font-size:.76rem}.icons-credit a{color:#f3c400;text-decoration:none}.fusion-card.t-yellow .fusion-icon{color:#f3c400}.fusion-card.t-blue .fusion-icon{color:#52c5ff}.fusion-card.t-cyan .fusion-icon{color:#43f0df}.fusion-card.t-orange .fusion-icon{color:#ff8a3d}.fusion-card.t-red .fusion-icon{color:#ff5d5d}.fusion-card.t-green .fusion-icon{color:#67d95d}.projects-grid{grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:2rem;display:grid}.project-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(150deg,#ffffffdb,#f7f5f1bf);border-radius:18px;grid-column:span 4;padding:1.15rem;transition:transform .22s,box-shadow .22s}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 28px #0c182329}.project-card h3{margin:0;font-size:1.08rem}.project-card p{color:var(--text-soft);margin:.7rem 0 0}.project-actions{flex-wrap:wrap;gap:.6rem;margin-top:.95rem;display:flex}.project-link,.project-pop{border:1px solid var(--line);color:var(--text);background:#ffffffeb;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .72rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.project-pop{cursor:pointer}.project-link:hover,.project-pop:hover{border-color:#0666705c}.project-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#050f1485;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.project-modal{background:linear-gradient(150deg,#fdfcfaf5,#ecf6f8f0);border:1px solid #ffffff4d;border-radius:20px;width:min(640px,96vw);padding:1.2rem;position:relative;box-shadow:0 28px 48px #00000042}.modal-close{border:1px solid var(--line);cursor:pointer;background:#fffc;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:.65rem;right:.65rem}.modal-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin:0;font-size:.72rem;font-weight:700}.project-modal h3{margin:.45rem 0 0;font-size:1.35rem}.project-modal p{color:var(--text-soft);margin-top:.8rem}.modal-points{color:var(--text-soft);margin:.85rem 0 1rem;padding-left:1.1rem}.modal-points li+li{margin-top:.3rem}.project-stack{flex-wrap:wrap;gap:.45rem;margin-top:.95rem;display:flex}.project-stack span{border:1px solid var(--line);color:var(--accent-2);background:#f0f7f9e6;border-radius:999px;padding:.34rem .62rem;font-size:.78rem;font-weight:700}.contact-section{padding-bottom:3.5rem}.contact-layout{grid-template-columns:1.05fr 1fr;gap:1rem;margin-top:1.8rem;display:grid}.contact-form{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(150deg,#ffffffde,#eff5f6ad);border-radius:20px;gap:.65rem;padding:1.2rem;display:grid}.contact-form label{color:var(--text);font-size:.92rem;font-weight:600}.contact-form input,.contact-form textarea{border:1px solid var(--line);font:inherit;color:var(--text);background:#ffffffeb;border-radius:12px;padding:.72rem .78rem}.contact-form input:focus,.contact-form textarea:focus{border-color:#0666708c;outline:none;box-shadow:0 0 0 3px #0666701f}.contact-submit{border:1px solid var(--line);color:#fff;cursor:pointer;background:linear-gradient(130deg,#c34f2d 0%,#9a2f17 100%);border-radius:999px;justify-content:center;align-items:center;gap:.48rem;margin-top:.45rem;padding:.72rem 1rem;font-weight:700;display:inline-flex}.contact-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#ffffffe6,#ebf4f5ad);border-radius:20px;padding:1.4rem}.contact-heading{font-size:1.5rem;font-family:var(--font-display);margin:0}.contact-copy{color:var(--text-soft);margin-top:.6rem}.contact-mail{color:var(--accent);align-items:center;gap:.6rem;font-size:clamp(1rem,1.8vw,1.28rem);font-weight:700;text-decoration:none;display:inline-flex}.social-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.social-row a{border:1px solid var(--line);color:var(--text);background:#fffc;border-radius:999px;align-items:center;gap:.52rem;padding:.6rem .86rem;font-weight:700;text-decoration:none;display:inline-flex}.site-footer{width:min(1060px,92vw);color:var(--text-soft);border-top:1px solid var(--line);margin:0 auto;padding:1.4rem 0 2rem;font-size:.9rem}@keyframes floaty{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@media (width<=980px){.fusion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{grid-column:span 6}.contact-layout{grid-template-columns:1fr}}@media (width<=760px){.site-header{border-radius:18px;flex-wrap:wrap;gap:.7rem}.nav-toggle{display:grid}.site-nav{flex-direction:column;align-items:flex-start;gap:.65rem;width:100%;padding:.4rem .1rem;display:none}.site-nav.open{display:flex}.hero{min-height:85vh;padding-top:5rem}.hero-content{grid-template-columns:1fr;gap:1.1rem}.hero h1{font-size:clamp(1.75rem,8.3vw,3.2rem)}.hero-text-card{padding:1rem}.hero-photo-frame{justify-self:start;width:min(280px,72vw)}.hero-floating-chips{margin-top:.1rem;position:static}.hero-rings{display:none}.timeline:before{left:9px}.timeline-card{margin-left:1.7rem}.timeline-icon{margin-left:-1.45rem}.project-card{grid-column:span 12}.skills-fusion-wrap{padding:1.4rem .65rem}.skills-fusion-panel{padding:1.2rem 1rem 1.1rem}.skills-side-label,.skills-side-dash{display:none}.skills-fusion-content{padding-right:0}.fusion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.fusion-grid{grid-template-columns:1fr}}