body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f7f8fc;--surface:#fff;--surface-strong:#0f172a;--text:#172033;--muted:#647084;--line:#dfe5ee;--primary:#0f766e;--primary-dark:#134e4a;--indigo:#4f46e5;--cyan:#0284c7;--rose:#e11d48;--accent:#f59e0b;--accent-soft:#fff5dd;--green-soft:#ecfdf5;--blue-soft:#eef6ff;--rose-soft:#fff1f3;--shadow:0 18px 45px #12263f1c}*{box-sizing:border-box;-webkit-user-select:text;user-select:text}html{scroll-behavior:smooth}body{background:#f7f8fc;background:var(--bg);color:#172033;color:var(--text);font-family:Segoe UI,Inter,Arial,sans-serif}a{color:inherit}.portfolio-shell{background:linear-gradient(90deg,#0f766e12 1px,#0000 0),linear-gradient(180deg,#4f46e50f 1px,#0000 0),linear-gradient(135deg,#f8fafc,#eef7ff 35%,#f0fdf4 68%,#fff7ed);background-size:44px 44px,44px 44px,auto;min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;gap:1rem;justify-content:space-between;margin:0 auto;padding:18px 0;position:sticky;top:0;width:min(1120px,calc(100% - 32px));z-index:10}.brand-mark{background:linear-gradient(135deg,#0f172a,#0f766e,#f59e0b);background:linear-gradient(135deg,var(--surface-strong),var(--primary),var(--accent));border-radius:8px;box-shadow:0 12px 30px #10182833;color:#fff;display:inline-grid;font-weight:800;height:48px;place-items:center;text-decoration:none;width:48px}.nav-links{align-items:center;background:#ffffffc7;border:1px solid #dfe5eee6;border-radius:8px;box-shadow:0 12px 30px #12263f12;display:flex;gap:clamp(.75rem,2vw,1.8rem);padding:.7rem 1rem}.nav-links a{color:#647084;color:var(--muted);font-weight:700;text-decoration:none}.nav-links a:hover{color:#0f766e;color:var(--primary)}.hero-section{grid-gap:clamp(1.5rem,5vw,4rem);align-items:center;display:grid;gap:clamp(1.5rem,5vw,4rem);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);margin:0 auto;min-height:calc(100vh - 84px);padding:56px 0 70px;width:min(1120px,calc(100% - 32px))}.eyebrow{align-items:center;background:#ffffffb8;border:1px solid #0f766e2e;border-radius:8px;color:#134e4a;color:var(--primary-dark);display:inline-flex;font-weight:800;gap:.5rem;margin:0 0 1rem;padding:.55rem .8rem;width:fit-content}.hero-copy h1{background:linear-gradient(105deg,#0f172a,#0f766e 45%,#4f46e5 76%,#e11d48);background:linear-gradient(105deg,var(--surface-strong) 0,var(--primary) 45%,var(--indigo) 76%,var(--rose) 100%);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(3rem,8vw,6.9rem);letter-spacing:0;line-height:.95;margin:0;max-width:720px}.hero-subtitle{color:#425067;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;margin:1.4rem 0 0;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.primary-btn,.secondary-btn{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:.55rem;justify-content:center;min-height:46px;padding:.75rem 1.05rem;text-decoration:none}.primary-btn{background:linear-gradient(135deg,#0f766e,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--indigo));box-shadow:0 14px 28px #0f766e3b;color:#fff}.secondary-btn{background:#ffffffbf;border:1px solid #dfe5ee;border:1px solid var(--line);color:#0f172a;color:var(--surface-strong)}.primary-btn:hover,.project-card a:hover,.secondary-btn:hover,.social-row a:hover{transform:translateY(-2px)}.hero-metrics{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.6rem;max-width:650px}.hero-metrics span{grid-gap:.25rem;background:#ffffffd1;border:1px solid #dfe5eee6;border-radius:8px;box-shadow:0 14px 32px #12263f14;color:#647084;color:var(--muted);display:grid;font-weight:800;gap:.25rem;min-width:0;padding:.9rem}.hero-metrics strong{color:#0f172a;color:var(--surface-strong);font-size:clamp(1.25rem,3vw,1.75rem)}.profile-panel,.section-block{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #dfe5eed9;border-radius:8px;box-shadow:0 18px 45px #12263f1c;box-shadow:var(--shadow)}.profile-panel{background:linear-gradient(135deg,#0f172af5,#134e4af5),linear-gradient(90deg,#0f766e,#f59e0b,#e11d48);background:linear-gradient(135deg,#0f172af5,#134e4af5),linear-gradient(90deg,var(--primary),var(--accent),var(--rose));color:#fff;overflow:hidden;padding:clamp(1.35rem,3vw,2rem);position:relative}.cover-photo-slot{grid-gap:.45rem;background:linear-gradient(135deg,#0ea5e93d,#f59e0b2e),linear-gradient(45deg,#ffffff14 25%,#0000 0,#0000 50%,#ffffff14 0,#ffffff14 75%,#0000 0,#0000);background-size:auto,28px 28px;border:1px solid #ffffff24;border-radius:8px;color:#e0f2fe;display:grid;font-weight:900;gap:.45rem;margin:-.6rem -.6rem 1.2rem;min-height:170px;place-items:center}.cover-photo-slot svg{color:#fbbf24;font-size:2rem}.profile-panel:before{background:linear-gradient(90deg,#0f766e,#f59e0b,#e11d48,#4f46e5);background:linear-gradient(90deg,var(--primary),var(--accent),var(--rose),var(--indigo));content:"";height:6px;inset:0 0 auto;position:absolute}.profile-kicker{color:#a7f3d0;font-size:.82rem;font-weight:900;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.profile-icon{background:#fff5dd1f;border-radius:8px;color:#fbbf24;display:grid;font-size:1.8rem;height:66px;margin-bottom:1.2rem;place-items:center;width:66px}.profile-panel h2,.section-title h2,.simple-card h3{color:#0f172a;color:var(--surface-strong);margin:0}.profile-panel h2{color:#fff}.profile-panel p,.simple-card p{color:#647084;color:var(--muted);line-height:1.65}.profile-panel p{color:#cbd5e1}.profile-highlights{grid-gap:.7rem;display:grid;gap:.7rem;margin-top:1.2rem}.profile-highlights span{align-items:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;color:#f8fafc;display:flex;font-weight:800;gap:.65rem;padding:.75rem}.social-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}.social-row a{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:8px;color:#0f766e;color:var(--primary);display:grid;height:42px;place-items:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:42px}.profile-panel .social-row a{background:#ffffff1a;border-color:#ffffff29;color:#fff}.section-block,.split-section{margin:0 auto 28px;width:min(1120px,calc(100% - 32px))}.section-block{padding:clamp(1.25rem,3vw,2rem)}.section-block.compact{margin:0;width:auto}.section-title{align-items:center;color:#0f766e;color:var(--primary);display:flex;font-size:1.2rem;gap:.75rem;margin-bottom:1.35rem}.focus-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.focus-card{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #12263f12;min-width:0;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease}.focus-card:hover,.simple-card:hover,.skill-group:hover{box-shadow:0 18px 42px #12263f21;transform:translateY(-4px)}.focus-card:first-child{background:linear-gradient(180deg,#fff,#eef6ff);background:linear-gradient(180deg,#fff,var(--blue-soft))}.focus-card:nth-child(2){background:linear-gradient(180deg,#fff,#ecfdf5);background:linear-gradient(180deg,#fff,var(--green-soft))}.focus-card:nth-child(3){background:linear-gradient(180deg,#fff,#fff5dd);background:linear-gradient(180deg,#fff,var(--accent-soft))}.focus-card:nth-child(4){background:linear-gradient(180deg,#fff,#fff1f3);background:linear-gradient(180deg,#fff,var(--rose-soft))}.focus-icon,.project-icon{border-radius:8px;color:#fff;display:grid;font-size:1.25rem;height:50px;margin-bottom:1rem;place-items:center;width:50px}.focus-card:first-child .focus-icon,.project-card:nth-child(3n+1) .project-icon{background:linear-gradient(135deg,#4f46e5,#0284c7);background:linear-gradient(135deg,var(--indigo),var(--cyan))}.focus-card:nth-child(2) .focus-icon,.project-card:nth-child(3n+2) .project-icon{background:linear-gradient(135deg,#0f766e,#22c55e);background:linear-gradient(135deg,var(--primary),#22c55e)}.focus-card:nth-child(3) .focus-icon,.project-card:nth-child(3n) .project-icon{background:linear-gradient(135deg,#f59e0b,#e11d48);background:linear-gradient(135deg,var(--accent),var(--rose))}.focus-card:nth-child(4) .focus-icon{background:linear-gradient(135deg,#e11d48,#4f46e5);background:linear-gradient(135deg,var(--rose),var(--indigo))}.focus-card h3{color:#0f172a;color:var(--surface-strong);margin:0 0 .55rem}.focus-card p{color:#647084;color:var(--muted);line-height:1.6;margin:0}.section-title h2{font-size:clamp(1.45rem,3vw,2.15rem)}.media-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.media-note,.video-placeholder{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #12263f12;min-width:0}.video-placeholder{align-content:end;background:radial-gradient(circle at 26% 20%,#22d3ee52,#0000 16rem),radial-gradient(circle at 80% 30%,#f59e0b40,#0000 15rem),linear-gradient(135deg,#0f172a,#134e4a 52%,#4f46e5);color:#fff;display:grid;min-height:320px;overflow:hidden;padding:1.4rem;position:relative}.video-placeholder:before{border:1px solid #ffffff29;border-radius:8px;content:"";inset:18px;pointer-events:none;position:absolute}.play-mark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:50%;box-shadow:0 20px 45px #00000042;color:#fff;display:grid;font-size:3.6rem;height:86px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:86px}.media-label{background:#ffffff21;border-radius:8px;color:#a7f3d0;font-weight:900;margin:0 0 .75rem;padding:.45rem .7rem;width:fit-content}.media-note h3,.video-placeholder h3{margin:0 0 .6rem}.video-placeholder p{color:#dbeafe;line-height:1.6;max-width:650px;position:relative}.media-note{background:linear-gradient(180deg,#fff,#fff5dd);background:linear-gradient(180deg,#fff,var(--accent-soft));padding:1.2rem}.media-note p{color:#647084;color:var(--muted);line-height:1.6}.media-tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.media-tags span{background:#fff;border-radius:8px;color:#134e4a;color:var(--primary-dark);font-weight:800;padding:.62rem .78rem}.skill-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-group{background:#fff;border:1px solid #dfe5ee;border-top:5px solid #0f766e;border:1px solid var(--line);border-radius:8px;border-top:5px solid var(--primary);min-width:0;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.skill-group:nth-child(2){border-top-color:#4f46e5;border-top-color:var(--indigo)}.skill-group:nth-child(3){border-top-color:#f59e0b;border-top-color:var(--accent)}.skill-group:nth-child(4){border-top-color:#e11d48;border-top-color:var(--rose)}.skill-group h3{color:#0f172a;color:var(--surface-strong);margin:0 0 .9rem}.skill-list{display:flex;flex-wrap:wrap;gap:.75rem}.skill-list span{background:linear-gradient(135deg,#ecfdf5,#eef6ff);border-radius:8px;color:#134e4a;color:var(--primary-dark);font-weight:800;padding:.7rem .95rem}.project-grid,.timeline{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-card{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:8px;border-top:5px solid #0f766ea6;min-width:0;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease}.simple-card:nth-child(2n){border-top-color:#4f46e5b3}.simple-card:nth-child(3n){border-top-color:#f59e0bcc}.project-card{background:linear-gradient(180deg,#fffffff2,#fff),linear-gradient(135deg,#0f766e1a,#f59e0b14)}.featured-project{background:linear-gradient(135deg,#fffffff0,#eef6ffeb),linear-gradient(135deg,#4f46e524,#0f766e24,#f59e0b1f);grid-column:1/-1}.featured-project h3{font-size:clamp(1.35rem,3vw,2rem)}.project-features{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:1rem 0 0;padding:0}.project-features li{background:#ffffffd1;border:1px solid #dfe5eee6;border-radius:8px;color:#475569;font-weight:700;line-height:1.35;min-width:0;padding:.7rem .8rem}.simple-card .date,.stack{color:#0f766e;color:var(--primary);font-size:.92rem;font-weight:800;margin:0 0 .6rem}.simple-card .muted{color:#475569;font-weight:700;margin:.45rem 0}.project-card a{color:#0f766e;color:var(--primary);display:inline-flex;font-weight:800;margin-top:.35rem;text-decoration:none;transition:transform .2s ease,color .2s ease}.project-card a:hover{color:#134e4a;color:var(--primary-dark)}.split-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.clean-list{grid-gap:.8rem;display:grid;gap:.8rem;list-style:none;margin:0;padding:0}.clean-list li{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:8px;color:#475569;font-weight:700;line-height:1.45;padding:.8rem .9rem}.footer{align-items:center;color:#647084;color:var(--muted);display:flex;gap:1rem;justify-content:space-between;margin:0 auto;padding:2rem 0 3rem;width:min(1120px,calc(100% - 32px))}.footer p{color:#0f172a;color:var(--surface-strong);font-weight:900;margin:0}.footer a{color:#0f766e;color:var(--primary);font-weight:800;text-decoration:none}@media (max-width:980px){.focus-grid,.hero-section,.media-grid,.project-grid,.skill-grid,.split-section,.timeline{grid-template-columns:1fr}.hero-section{min-height:auto}.project-features{grid-template-columns:1fr}}@media (max-width:620px){.footer,.topbar{align-items:flex-start;flex-direction:column}.nav-links{justify-content:space-between;width:100%}.hero-section{padding-top:34px}.hero-copy h1{font-size:clamp(2.8rem,17vw,4.6rem)}.primary-btn,.secondary-btn{width:100%}.hero-metrics{grid-template-columns:1fr}}