:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f5f7;background:#101216;--bg: #101216;--surface: rgba(255, 255, 255, .045);--surface-hover: rgba(255, 255, 255, .075);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--text: #f4f5f7;--text-muted: #a3a7b0;--text-subtle: #737883;--accent: #8ea7ff;--accent-soft: rgba(142, 167, 255, .14);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(94,116,255,.09),transparent 30rem),radial-gradient(circle at 85% 35%,rgba(72,190,180,.055),transparent 28rem),var(--bg);overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;position:relative}.app:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 70% 15%,rgba(142,167,255,.055),transparent 24rem),radial-gradient(circle at 20% 70%,rgba(93,220,202,.035),transparent 22rem)}.navbar{overflow:visible;position:sticky;top:0;z-index:100;background:#1012169e;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid var(--border)}.navbar__container{overflow:visible;width:min(1180px,calc(100% - 2rem));min-height:72px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.navbar__logo{position:relative;color:var(--text);font-size:.9rem;font-weight:700;letter-spacing:.12em;white-space:nowrap;transition:color .18s ease}.navbar__logo:hover{color:var(--accent)}.navbar__profile-image{position:fixed;top:90px;left:50%;width:130px;height:130px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);opacity:0;visibility:hidden;transform:translate(-50%) translateY(-8px) scale(.85);pointer-events:none;box-shadow:0 16px 40px #0000004d;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.navbar__logo:hover .navbar__profile-image{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.navbar__links{display:flex;align-items:center;gap:2rem}.navbar__links a{color:#9da0a7;font-size:.875rem;transition:color .18s ease}.navbar__links a:hover{color:#f2f2f0}.navbar__menu-button{display:none;width:42px;height:42px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:transparent;color:#f2f2f0;cursor:pointer}.navbar__menu-button span{display:block;width:15px;height:1px;background:currentColor}.navbar__mobile-menu{display:none}.hero{min-height:calc(100vh - 72px);display:flex;align-items:center;position:relative}.hero:after{content:"";position:absolute;left:50%;bottom:0;width:min(1180px,calc(100% - 2rem));height:1px;transform:translate(-50%);background:#ffffff12}.hero__container{width:min(1180px,calc(100% - 2rem));margin-inline:auto;padding-block:7rem}.hero__eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 1.75rem;color:#858990;font-size:.75rem;font-weight:600;letter-spacing:.18em}.hero__eyebrow:before{content:"";width:28px;height:1px;background:#666a72}.hero__title{max-width:1000px;margin:0;color:#f2f2f0;font-size:clamp(3.25rem,8vw,7rem);font-weight:600;line-height:.96;letter-spacing:-.06em}.hero__title span{display:block;color:#858990}.hero__description{max-width:600px;margin:2.5rem 0 0;color:#9da0a7;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem}.section-container{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.section-label{margin:0 0 1.25rem;color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.18em}.work{padding:8rem 0;border-top:1px solid rgba(255,255,255,.07)}.section-heading{margin-bottom:5rem}.section-heading__content{max-width:720px}.section-heading__content h2{margin:0;color:#f2f2f0;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.1;letter-spacing:-.04em}.section-heading__content p{max-width:560px;margin:1.25rem 0 0;color:#858990;font-size:1rem;line-height:1.7}.project{position:relative;isolation:isolate;display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:2rem;padding:2.75rem 0;border-top:1px solid rgba(255,255,255,.07);transition:padding-left .22s ease,padding-right .22s ease,background-color .22s ease}.project:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(142,167,255,.07),rgba(142,167,255,.018) 55%,transparent);opacity:0;transform:scaleX(.96);transform-origin:left;transition:opacity .25s ease,transform .25s ease}.project:hover:before{opacity:1;transform:scaleX(1)}.project:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.project:hover{padding-left:1.25rem;padding-right:1.25rem;background:#ffffff05}.project__number{padding-top:.35rem;color:#666a72;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;transition:color .22s ease}.project:hover .project__number{color:var(--accent)}.project__content h2{margin:0;color:#f2f2f0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500;line-height:1.1;letter-spacing:-.03em}.project__content p{max-width:560px;margin:1rem 0 1.5rem;color:#9da0a7;line-height:1.7}.project__technologies{display:flex;flex-wrap:wrap;gap:.5rem}.project__technologies span{padding:.4rem .7rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff09;color:#969ba5;font-size:.75rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project__link{align-self:center;padding:.6rem .8rem;border:1px solid transparent;border-radius:999px;color:var(--text);font-size:.875rem;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.project__link:hover{background:#ffffff0b;border-color:var(--border);color:var(--accent)}.project__link span{display:inline-block;margin-left:.35rem;transition:transform .18s ease}.project__link:hover span{transform:translate(3px,-3px)}.about{padding:8rem 0;border-top:1px solid rgba(255,255,255,.07)}.about__header{max-width:900px}.about__header h2{margin:0;color:#f2f2f0;font-size:clamp(2.25rem,5vw,4.5rem);font-weight:500;line-height:1.08;letter-spacing:-.045em}.about__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:8rem;margin-top:5rem}.about__statement{max-width:620px}.about__statement p{margin:0;color:#9da0a7;font-size:1.05rem;line-height:1.8}.about__statement p+p{margin-top:1.5rem}.about__capabilities{padding:0 1.25rem;border:1px solid var(--border);border-radius:18px;background:#ffffff06;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff09,0 20px 60px #00000014}.capability{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--border);transition:background-color .18s ease,padding-left .18s ease,padding-right .18s ease}.capability:hover{background:#8ea7ff0b;padding-left:.5rem;padding-right:.5rem}.capability>span{color:#666a72;font-size:.75rem;font-variant-numeric:tabular-nums}.capability h3{margin:0;font-size:1rem;font-weight:500}.capability p{margin:.5rem 0 0;color:#858990;font-size:.875rem;line-height:1.6}.experience{padding:8rem 0;border-top:1px solid rgba(255,255,255,.07)}.experience__header{margin-bottom:4rem}.experience__header h2{max-width:760px;margin:0;color:#f2f2f0;font-size:clamp(2.25rem,5vw,4rem);font-weight:500;line-height:1.08;letter-spacing:-.045em}.experience__list{border-top:1px solid rgba(255,255,255,.07)}.experience__item{display:grid;grid-template-columns:170px minmax(0,1fr);gap:3rem;padding:2.5rem 0;border-bottom:1px solid var(--border);transition:background-color .2s ease,padding-left .2s ease,padding-right .2s ease}.experience__item:hover{padding-left:1rem;padding-right:1rem;background:#ffffff06}.experience__period{margin:0;color:#666a72;font-size:.75rem;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums}.experience__content{max-width:700px}.experience__content h3{margin:0;color:#f2f2f0;font-size:1.5rem;font-weight:500;letter-spacing:-.02em}.experience__company{margin:.4rem 0 0;color:#858990;font-size:.95rem}.experience__description{max-width:620px;margin:1.25rem 0 0;color:#9da0a7;line-height:1.7}.contact{padding:10rem 0 9rem;border-top:1px solid rgba(255,255,255,.07)}.contact__container{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.contact h2{max-width:1000px;margin:0;color:#f2f2f0;font-size:clamp(3rem,8vw,7rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.contact h2 span{display:block;color:#858990}.contact__description{max-width:560px;margin:2.5rem 0 0;color:#9da0a7;font-size:1.05rem;line-height:1.75}.contact__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;padding:.5rem;width:fit-content;border:1px solid var(--border);border-radius:999px;background:#ffffff06;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.contact__actions .button span{margin-left:.4rem}.button{min-height:48px;padding:.75rem 1.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;font-size:.875rem;font-weight:600;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:#8ea7ffeb;color:#0e1117;box-shadow:0 0 0 1px #8ea7ff2e,0 8px 30px #5b74ff1f}.button--primary:hover{background:#a5b8ff;box-shadow:0 0 0 1px #8ea7ff4d,0 12px 36px #5b74ff33}.button--secondary{border-color:var(--border-strong);background:#ffffff09;color:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.button--secondary:hover{background:#ffffff13;border-color:#fff3}.footer{border-top:1px solid var(--border);background:#ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.footer__container{width:min(1180px,calc(100% - 2rem));min-height:90px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer p{margin:0;color:#666a72;font-size:.75rem}.footer__links{display:flex;gap:1.5rem}.footer__links a{color:#858990;font-size:.75rem;transition:color .18s ease}.footer__links a:hover{color:#f2f2f0}:focus-visible{outline:2px solid #f2f2f0;outline-offset:4px}.navbar__menu-button:focus-visible{outline-offset:3px}@media(max-width:800px){.about{padding:6rem 0}.about__body{grid-template-columns:1fr;gap:4rem;margin-top:3.5rem}}@media(max-width:700px){.navbar__container{min-height:64px}.navbar__links{display:none}.navbar__menu-button{display:flex}.navbar__mobile-menu{position:absolute;top:calc(100% + 1px);left:0;right:0;display:flex;flex-direction:column;padding:1rem;background:#121315fa;border-bottom:1px solid rgba(255,255,255,.07)}.navbar__mobile-menu a{padding:1rem;color:#9da0a7;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.06)}.navbar__mobile-menu a:last-child{border-bottom:0}.navbar__mobile-menu a:hover{color:#f2f2f0}.hero{min-height:auto}.hero__container{width:calc(100% - 2rem);padding-block:6rem 5rem}.hero__title span{display:block;color:var(--accent);text-shadow:0 0 40px rgba(142,167,255,.08)}.hero__description,.hero__actions{margin-top:2rem}.work{padding:6rem 0}.section-container,.contact__container{width:calc(100% - 2rem);max-width:none}.section-heading{margin-bottom:3rem}.section-heading__content h2,.about__header h2,.experience__header h2,.contact h2{overflow-wrap:break-word}.project{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.project:hover{padding-left:.75rem;padding-right:.75rem}.project__number{order:-1}.project__link{justify-self:flex-start;margin-top:.5rem}.about__header h2{font-size:clamp(2rem,10vw,3rem)}.experience{padding:6rem 0}.experience__header{margin-bottom:3rem}.experience__item{grid-template-columns:1fr;gap:.75rem;padding:2rem 0}.contact{padding:7rem 0 6rem}.contact h2{font-size:clamp(3rem,14vw,5rem)}.contact__description,.contact__actions{margin-top:2rem}.contact__actions{width:100%;border-radius:18px;flex-direction:column}.contact__actions .button,.hero__actions .button{width:100%}.footer__container{width:calc(100% - 2rem)}}@media(max-width:500px){.footer__container{min-height:110px;align-items:flex-start;justify-content:center;flex-direction:column;gap:.75rem}}