:root{--black: #000000;--bg: #000000;--bg-card: rgba(255, 255, 255, .025);--bg-card-hover: rgba(255, 255, 255, .045);--white: #ffffff;--gray-100: #f5f5f5;--gray-200: #e0e0e0;--gray-400: #888888;--gray-600: #555555;--gray-800: #222222;--accent: #ffffff;--accent-dim: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .15);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Space Grotesk", "Inter", sans-serif;--container: 1100px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--gray-200);text-decoration:none;transition:opacity .3s}a:hover{opacity:.7}img{max-width:100%;display:block}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:3px}::selection{background:#ffffff26;color:var(--white)}::-moz-selection{background:#ffffff26;color:var(--white)}.bg-effects{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-effects__spotlight{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);top:-200px;left:50%;transform:translate(-50%);animation:spotlightMove 20s ease-in-out infinite}.bg-effects__grain{position:absolute;inset:0;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bg-effects__line{position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.04) 20%,rgba(255,255,255,.04) 80%,transparent 100%)}@keyframes spotlightMove{0%,to{transform:translate(-50%) translateY(0)}33%{transform:translate(-30%) translateY(100px)}66%{transform:translate(-70%) translateY(-50px)}}.progress-dots{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:16px}.progress-dot{width:6px;height:6px;border-radius:50%;background:var(--gray-600);border:none;cursor:pointer;transition:all .5s var(--ease);padding:0;position:relative}.progress-dot:before{content:attr(data-label);position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:.68rem;color:var(--gray-600);white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none;font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase}.progress-dot:hover:before{opacity:1}.progress-dot--active{background:var(--white);box-shadow:0 0 12px #ffffff4d;transform:scale(1.8)}@media(max-width:768px){.progress-dots{display:none}}.s-label{display:flex;align-items:center;gap:20px;margin-bottom:56px}.s-label span{font-size:.68rem;letter-spacing:6px;color:var(--gray-400);font-weight:500;text-transform:uppercase}.s-label__line{width:48px;height:1px;background:var(--gray-600)}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scrollDown{0%{transform:translateY(-10px);opacity:0}50%{opacity:1}to{transform:translateY(40px);opacity:0}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:768px){.s-label{margin-bottom:40px}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;z-index:1;padding:0 24px}.hero__canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero__content{position:relative;z-index:2;pointer-events:none}.hero__content>*{pointer-events:auto}.hero__eyebrow{font-size:.7rem;letter-spacing:8px;color:var(--gray-600);margin-bottom:32px;font-weight:400}.hero__name{font-family:var(--font-heading);font-size:clamp(3.2rem,11vw,8rem);font-weight:700;line-height:.95;letter-spacing:-4px;color:var(--white);margin-bottom:28px;display:inline-flex;flex-wrap:wrap;justify-content:center}.hero__char{display:inline-block;transition:all .4s var(--ease)}.hero__char:hover{opacity:.4;transform:translateY(-6px)}.hero__divider{width:60px;height:1px;background:var(--gray-600);margin:0 auto 28px;transform-origin:center}.hero__role{font-family:var(--font-heading);font-size:clamp(1rem,2vw,1.3rem);color:var(--gray-400);min-height:1.8em;margin-bottom:12px;font-weight:400}.hero__role-text{color:var(--gray-200)}.hero__cursor{color:var(--gray-400);animation:typewriter-blink .8s infinite;font-weight:200}.hero__sub{font-size:.78rem;color:var(--gray-600);letter-spacing:3px}.hero__scroll{position:absolute;bottom:48px;cursor:pointer;z-index:2}.hero__scroll-line{width:1px;height:60px;background:#ffffff14;position:relative;overflow:hidden}.hero__scroll-dot{width:3px;height:12px;background:var(--gray-400);border-radius:2px;position:absolute;left:-1px;animation:scrollDown 2.5s ease-in-out infinite}.about{min-height:100vh;display:flex;align-items:center;padding:120px 0;position:relative;z-index:1}.about__inner{max-width:var(--container);margin:0 auto;padding:0 clamp(24px,5vw,80px);width:100%}.about__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:start}.about__heading{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:600;line-height:1.25;margin-bottom:28px;color:var(--white);letter-spacing:-.5px}.about__bio{color:var(--gray-400);font-size:.92rem;line-height:1.9;margin-bottom:40px}.about__details{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border);padding-top:24px}.about__detail{display:flex;gap:20px;font-size:.88rem}.about__detail span:first-child{color:var(--gray-600);min-width:72px;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;font-weight:500}.about__detail span:last-child,.about__detail a{color:var(--gray-200);transition:opacity .3s}.about__detail a:hover{opacity:.6}.about__right{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}.about__stat{background:var(--black);padding:36px 24px;text-align:center;display:flex;flex-direction:column;gap:6px;transition:background .5s var(--ease)}.about__stat:hover{background:#ffffff05}.about__stat-val{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--white);line-height:1}.about__stat-lbl{font-size:.7rem;color:var(--gray-600);letter-spacing:2px;text-transform:uppercase;font-weight:500}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:48px}}.exp{min-height:100vh;display:flex;align-items:center;padding:120px 0;position:relative;z-index:1}.exp__inner{max-width:var(--container);margin:0 auto;padding:0 clamp(24px,5vw,80px);width:100%}.exp__list{display:flex;flex-direction:column;gap:0}.exp__card{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--border);transition:all .5s var(--ease)}.exp__card:first-child{border-top:1px solid var(--border)}.exp__card:hover{background:#ffffff04;padding-left:20px;padding-right:20px}.exp__card-meta{display:flex;flex-direction:column;gap:4px}.exp__card-period{font-size:.78rem;color:var(--gray-600);letter-spacing:1px}.exp__card-location{font-size:.75rem;color:var(--gray-600)}.exp__card-body{flex:1}.exp__card-role{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--white);margin-bottom:2px}.exp__card-company{font-size:.95rem;color:var(--gray-400);margin-bottom:14px}.exp__card-desc{color:var(--gray-400);font-size:.9rem;line-height:1.7;margin-bottom:16px}.exp__card-highlights{list-style:none;padding:0}.exp__card-highlights li{color:var(--gray-400);font-size:.85rem;padding:3px 0;display:flex;gap:10px;line-height:1.65}.exp__bullet{color:var(--gray-600);flex-shrink:0}@media(max-width:768px){.exp__card{grid-template-columns:1fr;gap:12px}}.proj{min-height:100vh;display:flex;align-items:flex-start;padding:120px 0;position:relative;z-index:1}.proj__inner{max-width:var(--container);margin:0 auto;padding:0 clamp(24px,5vw,80px);width:100%}.proj__featured{border:1px solid var(--border);padding:48px;margin-bottom:64px;transition:all .5s var(--ease)}.proj__featured:hover{border-color:var(--border-hover);background:#ffffff03}.proj__featured-eyebrow{font-size:.68rem;letter-spacing:4px;color:var(--gray-600);text-transform:uppercase;margin-bottom:20px;font-weight:500}.proj__featured-title{font-family:var(--font-heading);font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:600;color:var(--white);margin-bottom:16px}.proj__featured-desc{color:var(--gray-400);font-size:.92rem;line-height:1.8;margin-bottom:24px}.proj__featured-points{margin-bottom:28px}.proj__featured-point{color:var(--gray-400);font-size:.88rem;padding:4px 0;display:flex;gap:12px;line-height:1.6}.proj__featured-point span{color:var(--gray-600)}.proj__tags{display:flex;flex-wrap:wrap;gap:8px}.proj__tag{color:var(--gray-400);padding:4px 14px;font-size:.76rem;font-weight:500;border:1px solid var(--border);transition:all .3s;letter-spacing:.5px}.proj__tag:hover{border-color:var(--border-hover);color:var(--white)}.proj__divider-label{text-align:center;margin-bottom:64px;margin-top:32px}.proj__divider-label span{font-size:.68rem;letter-spacing:4px;color:var(--gray-600);text-transform:uppercase;font-weight:500}.fl-list{display:flex;flex-direction:column;gap:120px}.fl-card{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.fl-card--right{grid-template-columns:1fr 1.3fr}.fl-card--right .fl-card__img-wrap{order:2}.fl-card--right .fl-card__info{order:1;text-align:right}.fl-card__img-wrap{position:relative;overflow:hidden;border-radius:4px;border:1px solid var(--border);display:block;cursor:pointer;background:#0a0a0a}.fl-card__img{display:block;width:100%;height:auto;will-change:transform;transition:filter .6s var(--ease);filter:brightness(.85) saturate(.9)}.fl-card__img-wrap:hover .fl-card__img{filter:brightness(1) saturate(1)}.fl-card__img-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s var(--ease);z-index:2}.fl-card__img-wrap:hover .fl-card__img-overlay{opacity:1}.fl-card__visit{display:flex;align-items:center;gap:8px;color:var(--white);font-size:.82rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:12px 28px;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s}.fl-card__visit:hover{border-color:var(--white);background:#ffffff1a}.fl-card__info{display:flex;flex-direction:column;gap:12px}.fl-card__num{font-family:var(--font-heading);font-size:4rem;font-weight:700;color:var(--gray-800);line-height:1;letter-spacing:-2px;transition:color .5s var(--ease)}.fl-card:hover .fl-card__num{color:var(--gray-600)}.fl-card__title{font-family:var(--font-heading);font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:600;color:var(--white);line-height:1.3}.fl-card__desc{color:var(--gray-400);font-size:.9rem;line-height:1.7}@media(max-width:768px){.proj__featured{padding:32px}.fl-list{gap:72px}.fl-card{grid-template-columns:1fr;gap:24px}.fl-card--right .fl-card__img-wrap{order:0}.fl-card--right .fl-card__info{order:0;text-align:left}.fl-card__num{font-size:2.5rem}}@media(max-width:480px){.fl-list{gap:56px}}.skills{min-height:100vh;display:flex;align-items:center;padding:120px 0;position:relative;z-index:1}.skills__inner{max-width:var(--container);margin:0 auto;padding:0 clamp(24px,5vw,80px);width:100%}.skills__list{display:flex;flex-direction:column;gap:0}.skills__row{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--border);align-items:center}.skills__row:first-child{border-top:1px solid var(--border)}.skills__row-label{display:flex;align-items:center;gap:10px}.skills__row-icon{font-size:1.1rem}.skills__row-title{font-family:var(--font-heading);font-size:.85rem;font-weight:500;color:var(--gray-400);letter-spacing:1px}.skills__chips{display:flex;flex-wrap:wrap;gap:8px}.skills__chip{color:var(--gray-200);padding:6px 16px;font-size:.82rem;font-weight:400;border:1px solid var(--border);transition:all .3s var(--ease);cursor:default}.skills__chip:hover{color:var(--white);border-color:var(--border-hover);background:#ffffff05}@media(max-width:768px){.skills__row{grid-template-columns:1fr;gap:16px}}.edu{min-height:60vh;display:flex;align-items:center;padding:120px 0;position:relative;z-index:1}.edu__inner{max-width:var(--container);margin:0 auto;padding:0 clamp(24px,5vw,80px);width:100%}.edu__card{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .5s var(--ease)}.edu__card:hover{background:#ffffff03}.edu__year{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--white);display:block;margin-bottom:4px}.edu__loc{font-size:.78rem;color:var(--gray-600)}.edu__degree{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--white);margin-bottom:4px}.edu__uni{font-size:.95rem;color:var(--gray-400);margin-bottom:24px}.edu__courses-label{font-size:.7rem;letter-spacing:2px;color:var(--gray-600);text-transform:uppercase;font-weight:500;display:block;margin-bottom:12px}.edu__courses-list{display:flex;flex-wrap:wrap;gap:8px}.edu__course{color:var(--gray-400);padding:4px 14px;font-size:.78rem;border:1px solid var(--border);transition:all .3s}.edu__course:hover{color:var(--white);border-color:var(--border-hover)}@media(max-width:768px){.edu__card{grid-template-columns:1fr;gap:16px}}.contact{min-height:100vh;display:flex;align-items:center;padding:120px 0;position:relative;z-index:1}.contact__inner{max-width:var(--container);margin:0 auto;padding:0 clamp(24px,5vw,80px);width:100%}.contact__heading{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--white);margin-bottom:56px;letter-spacing:-1px}.contact__list{display:flex;flex-direction:column}.contact__row{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--border);transition:all .5s var(--ease)}.contact__row:first-child{border-top:1px solid var(--border)}.contact__row:hover{padding-left:16px;padding-right:16px;background:#ffffff03}.contact__row-label{font-size:.72rem;letter-spacing:3px;color:var(--gray-600);text-transform:uppercase;font-weight:500}.contact__row-value{color:var(--gray-200);font-size:.95rem;transition:opacity .3s}a.contact__row-value:hover{opacity:.6}.contact__footer{margin-top:80px;padding-top:32px;border-top:1px solid var(--border)}.contact__footer p{font-size:.75rem;color:var(--gray-600);letter-spacing:1px}@media(max-width:480px){.contact__row{flex-direction:column;gap:6px;align-items:flex-start}}.App{position:relative;min-height:100vh;overflow-x:hidden}