@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg-primary:#0a0a1a;--bg-secondary:#0d0d2b;--bg-tertiary:#111138;--bg-card:#11113899;--bg-card-hover:#1e1e50cc;--accent-blue:#4f6ef7;--accent-purple:#8b5cf6;--accent-pink:#c084fc;--accent-cyan:#22d3ee;--gradient-primary:linear-gradient(135deg, #4f6ef7 0%, #8b5cf6 50%, #c084fc 100%);--gradient-secondary:linear-gradient(135deg, #0d0d2b 0%, #1a1a4e 100%);--gradient-glow:linear-gradient(135deg, #4f6ef726 0%, #8b5cf626 100%);--gradient-text:linear-gradient(135deg, #4f6ef7 0%, #c084fc 100%);--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#6a6a8e;--border-subtle:#8b5cf626;--border-active:#8b5cf666;--glass-bg:#11113866;--glass-border:#8b5cf633;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px #8b5cf633;--section-padding:100px 0;--container-max:1200px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--accent-purple);align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--gradient-primary);border-radius:2px;width:30px;height:2px}.section-title{color:var(--text-primary);margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem;line-height:1.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf666}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent-purple)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.bg-orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-orb--1{background:radial-gradient(circle,#4f6ef71f 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite float;top:-200px;right:-200px}.bg-orb--2{background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);width:500px;height:500px;animation:10s ease-in-out infinite reverse float;bottom:20%;left:-150px}.bg-orb--3{background:radial-gradient(circle,#c084fc14 0%,#0000 70%);width:400px;height:400px;animation:12s ease-in-out infinite float;top:50%;right:10%}.navbar{z-index:1000;transition:var(--transition-base);padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a1ad9;padding:12px 0}.navbar__inner{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.navbar__logo{background:var(--gradient-primary);-webkit-text-fill-color:transparent;cursor:pointer;transition:var(--transition-fast);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.navbar__logo:hover{transform:scale(1.05)}.navbar__links{align-items:center;gap:32px;display:flex}.navbar__link{color:var(--text-secondary);transition:var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.navbar__link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:var(--transition-base);border-radius:2px;position:absolute;bottom:-4px;left:0}.navbar__link:hover{color:var(--text-primary)}.navbar__link:hover:after{width:100%}.navbar__cta{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition-base);border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600}.navbar__cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.navbar__hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__hamburger span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition-base);border-radius:2px}.navbar__hamburger--active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger--active span:nth-child(2){opacity:0}.navbar__hamburger--active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative}.hero__content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero__text{z-index:1}.hero__greeting{color:var(--accent-purple);opacity:0;margin-bottom:12px;font-size:1.1rem;font-weight:500;animation:.6s ease-out .2s forwards fadeInUp}.hero__name{opacity:0;margin-bottom:8px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;animation:.6s ease-out .4s forwards fadeInUp}.hero__title{color:var(--text-secondary);opacity:0;margin-bottom:24px;font-size:clamp(1.2rem,2.5vw,1.6rem);animation:.6s ease-out .6s forwards fadeInUp}.hero__typewriter{border-right:2px solid var(--accent-purple);animation:.75s step-end infinite blink-caret;display:inline-block}.hero__description{color:var(--text-secondary);opacity:0;max-width:520px;margin-bottom:36px;font-size:1.05rem;line-height:1.8;animation:.6s ease-out .8s forwards fadeInUp}.hero__actions{opacity:0;flex-wrap:wrap;gap:16px;animation:.6s ease-out 1s forwards fadeInUp;display:flex}.hero__btn{cursor:pointer;transition:var(--transition-base);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:600;display:inline-flex}.hero__btn--primary{background:var(--gradient-primary);color:#fff}.hero__btn--primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf666}.hero__btn--secondary{color:var(--text-primary);border:1px solid var(--border-active);background:0 0}.hero__btn--secondary:hover{background:var(--glass-bg);border-color:var(--accent-purple);transform:translateY(-3px)}.hero__socials{opacity:0;gap:16px;margin-top:32px;animation:.6s ease-out 1.2s forwards fadeInUp;display:flex}.hero__social-link{border:1px solid var(--border-subtle);background:var(--glass-bg);width:44px;height:44px;color:var(--text-secondary);transition:var(--transition-base);border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.hero__social-link:hover{border-color:var(--accent-purple);color:var(--accent-purple);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.hero__visual{z-index:1;opacity:0;justify-content:center;align-items:center;animation:1s ease-out .5s forwards fadeIn;display:flex;position:relative}.hero__portrait-wrapper{width:380px;height:380px;position:relative}.hero__portrait-ring{background:var(--gradient-primary) border-box;-webkit-mask-composite:xor;border:2px solid #0000;border-radius:50%;animation:20s linear infinite spin-slow;position:absolute;inset:-10px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero__portrait-glow{background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite pulse-glow;position:absolute;inset:-30px}.hero__portrait{object-fit:cover;object-position:top;z-index:1;border:3px solid var(--border-subtle);border-radius:50%;width:380px;height:380px;position:relative}.hero__stats{opacity:0;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;animation:.6s ease-out 1.4s forwards fadeInUp;display:grid}.hero__stat{text-align:center;background:var(--glass-bg);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base);border-radius:12px;padding:20px}.hero__stat:hover{border-color:var(--accent-purple);transform:translateY(-4px)}.hero__stat-number{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.hero__stat-label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.about{padding:var(--section-padding);position:relative}.about__content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.about__info{flex-direction:column;gap:24px;display:flex}.about__text{color:var(--text-secondary);font-size:1.05rem;line-height:1.9}.about__highlight{color:var(--accent-purple);font-weight:600}.about__details{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.about__detail{flex-direction:column;gap:4px;display:flex}.about__detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.about__detail-value{color:var(--text-primary);font-size:.95rem;font-weight:500}.about__cards{flex-direction:column;gap:20px;display:flex}.about__card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base);border-radius:16px;padding:28px;position:relative;overflow:hidden}.about__card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:var(--transition-base);position:absolute;top:0;left:0;right:0}.about__card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.about__card:hover:before{opacity:1}.about__card-icon{margin-bottom:12px;font-size:2rem}.about__card-title{color:var(--text-primary);margin-bottom:8px;font-size:1.15rem;font-weight:600}.about__card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.experience{padding:var(--section-padding);position:relative}.experience__timeline{max-width:800px;margin:48px auto 0;position:relative}.experience__timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-blue), var(--accent-purple), var(--accent-pink));border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:0}.experience__item{padding-bottom:48px;padding-left:40px;position:relative}.experience__item:last-child{padding-bottom:0}.experience__dot{background:var(--gradient-primary);border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-6px;box-shadow:0 0 20px #8b5cf666}.experience__dot:before{content:"";border:2px solid #8b5cf64d;border-radius:50%;position:absolute;inset:-4px}.experience__card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base);border-radius:16px;padding:28px}.experience__card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translate(8px)}.experience__date{color:var(--accent-purple);align-items:center;gap:6px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:inline-flex}.experience__role{color:var(--text-primary);margin-bottom:4px;font-size:1.25rem;font-weight:700}.experience__company{color:var(--text-secondary);margin-bottom:16px;font-size:1rem}.experience__list{flex-direction:column;gap:8px;display:flex}.experience__list-item{color:var(--text-secondary);padding-left:20px;font-size:.9rem;line-height:1.7;position:relative}.experience__list-item:before{content:"▸";color:var(--accent-purple);font-weight:700;position:absolute;left:0}.projects{padding:var(--section-padding);position:relative}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;margin-top:48px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:var(--transition-base);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-8px)}.project-card__banner{background:var(--gradient-glow);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.project-card__banner-icon{opacity:.6;transition:var(--transition-base);font-size:3.5rem}.project-card:hover .project-card__banner-icon{opacity:.8;transform:scale(1.1)}.project-card__banner:after{content:"";background:linear-gradient(transparent 50%, var(--bg-card) 100%);position:absolute;inset:0}.project-card__body{flex-direction:column;flex:1;padding:24px;display:flex}.project-card__title{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem;font-weight:700}.project-card__desc{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:.9rem;line-height:1.7}.project-card__tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.project-card__tag{color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.project-card__links{gap:12px;display:flex}.project-card__link{color:var(--text-secondary);border:1px solid var(--border-subtle);transition:var(--transition-base);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.project-card__link:hover{color:var(--accent-purple);border-color:var(--accent-purple);background:#8b5cf60d}.skills{padding:var(--section-padding);position:relative}.skills__content{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base);border-radius:16px;padding:32px}.skill-category:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.skill-category__icon{margin-bottom:16px;font-size:2rem}.skill-category__title{color:var(--text-primary);margin-bottom:20px;font-size:1.15rem;font-weight:700}.skill-category__items{flex-wrap:wrap;gap:10px;display:flex}.skill-pill{color:var(--text-secondary);border:1px solid var(--border-subtle);transition:var(--transition-base);background:#4f6ef714;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:500}.skill-pill:hover{color:var(--accent-purple);border-color:var(--accent-purple);background:#8b5cf626;transform:translateY(-2px)}.education{padding:var(--section-padding);position:relative}.education__grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px;margin-top:48px;display:grid}.education__card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base);border-radius:16px;padding:32px;position:relative;overflow:hidden}.education__card:before{content:"";background:var(--gradient-primary);height:3px;position:absolute;top:0;left:0;right:0}.education__card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.education__icon{margin-bottom:16px;font-size:2.5rem}.education__degree{color:var(--text-primary);margin-bottom:4px;font-size:1.2rem;font-weight:700}.education__school{color:var(--accent-purple);margin-bottom:4px;font-size:1rem;font-weight:500}.education__location{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.education__date{color:var(--text-secondary);font-size:.85rem;font-weight:500}.contact{padding:var(--section-padding);position:relative}.contact__content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-top:48px;display:grid}.contact__info{flex-direction:column;gap:24px;display:flex}.contact__text{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.contact__methods{flex-direction:column;gap:16px;display:flex}.contact__method{background:var(--bg-card);border:1px solid var(--border-subtle);transition:var(--transition-base);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.contact__method:hover{border-color:var(--border-active);transform:translate(8px)}.contact__method-icon{background:#8b5cf61a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.contact__method-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.contact__method-value{color:var(--text-primary);font-size:1rem;font-weight:500}.contact__form{flex-direction:column;gap:20px;display:flex}.contact__form-group{flex-direction:column;gap:8px;display:flex}.contact__form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.contact__form-input,.contact__form-textarea{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);transition:var(--transition-base);border-radius:10px;outline:none;padding:14px 18px;font-family:Inter,sans-serif;font-size:.95rem}.contact__form-input:focus,.contact__form-textarea:focus{border-color:var(--accent-purple);box-shadow:0 0 20px #8b5cf626}.contact__form-textarea{resize:vertical;min-height:140px}.contact__form-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition-base);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;display:inline-flex}.contact__form-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf666}.footer{border-top:1px solid var(--border-subtle);padding:40px 0;position:relative}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer__text{color:var(--text-muted);font-size:.9rem}.footer__links{gap:16px;display:flex}.footer__link{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition-base);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.footer__link:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-3px)}.scroll-top{background:var(--gradient-primary);color:#fff;cursor:pointer;z-index:999;width:48px;height:48px;transition:var(--transition-base);opacity:0;visibility:hidden;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:30px;right:30px}.scroll-top--visible{opacity:1;visibility:visible}.scroll-top:hover{transform:translateY(-4px);box-shadow:0 8px 30px #8b5cf666}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;opacity:0;visibility:hidden;transition:var(--transition-base);background:#0a0a1af7;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:none;position:fixed;inset:0}.mobile-menu--open{opacity:1;visibility:visible}.mobile-menu__link{color:var(--text-primary);transition:var(--transition-fast);font-size:1.5rem;font-weight:600}.mobile-menu__link:hover{color:var(--accent-purple)}@media (max-width:1024px){.hero__content{text-align:center;grid-template-columns:1fr}.hero__description{max-width:100%;margin-left:auto;margin-right:auto}.hero__actions,.hero__socials{justify-content:center}.hero__visual{order:-1}.hero__portrait-wrapper,.hero__portrait{width:280px;height:280px}.hero__stats{max-width:500px;margin-left:auto;margin-right:auto}.about__content,.contact__content{grid-template-columns:1fr}}@media (max-width:768px){:root{--section-padding:60px 0}.navbar__links{display:none}.navbar__hamburger,.mobile-menu{display:flex}.hero{min-height:auto;padding:120px 0 60px}.hero__stats{grid-template-columns:repeat(3,1fr);gap:12px}.hero__stat{padding:16px 12px}.hero__stat-number{font-size:1.5rem}.projects__grid,.skills__content,.education__grid,.about__details{grid-template-columns:1fr}.footer__inner{text-align:center;flex-direction:column}}@media (max-width:480px){.hero__portrait-wrapper,.hero__portrait{width:220px;height:220px}.hero__stats{grid-template-columns:1fr}}