:root{--clr-royal:#2563eb;--clr-royal-dark:#1d4ed8;--clr-charcoal:#111827;--clr-white:#fff;--clr-cyan:#06b6d4;--clr-amber:#f59e0b;--clr-bg:#0a0f1c;--clr-bg-alt:#111827;--clr-surface:#1e293b;--clr-surface-light:#f8fafc;--clr-text:#e2e8f0;--clr-text-muted:#94a3b8;--clr-border:#ffffff14;--clr-border-light:#e2e8f0;--grad-primary:linear-gradient(135deg, var(--clr-royal) 0%, var(--clr-cyan) 100%);--grad-warm:linear-gradient(135deg, var(--clr-amber) 0%, #f97316 100%);--grad-hero:linear-gradient(135deg, #0a0f1c 0%, #111827 50%, #0f172a 100%);--grad-glow:linear-gradient(135deg, var(--clr-royal), var(--clr-cyan), var(--clr-royal));--ff-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ff-mono:"JetBrains Mono", "Fira Code", monospace;--section-py:6rem;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #00000040;--shadow-lg:0 10px 40px #0000004d;--shadow-glow:0 0 30px #2563eb4d;--shadow-glow-cyan:0 0 30px #06b6d44d;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:50%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem;font-size:16px}body{font-family:var(--ff-primary);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}::selection{background:var(--clr-royal);color:var(--clr-white)}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:var(--clr-royal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--clr-cyan)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:var(--section-py) 0;position:relative}.section--dark{background:var(--clr-bg-alt)}.btn{font-family:var(--ff-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn--sm{padding:.55rem 1.25rem;font-size:.85rem}.btn--block{width:100%}.btn--primary{background:var(--grad-primary);color:var(--clr-white);box-shadow:0 4px 15px #2563eb59}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb80}.btn--outline{color:var(--clr-white);background:0 0;border:2px solid #fff3}.btn--outline:hover{border-color:var(--clr-cyan);color:var(--clr-cyan);transform:translateY(-2px);box-shadow:0 4px 20px #06b6d433}.btn--glow:before{content:"";border-radius:inherit;background:var(--grad-glow);z-index:-1;opacity:0;transition:opacity var(--transition);background-size:300% 300%;animation:3s ease-in-out infinite glowShift;position:absolute;inset:-2px}.btn--glow:hover:before{opacity:1}@keyframes glowShift{0%,to{background-position:0%}50%{background-position:100%}}.btn__loader{border:2px solid #0000;border-top-color:var(--clr-white);border-radius:var(--radius-full);width:20px;height:20px;animation:.6s linear infinite spin;display:none}.btn.loading .btn__text{display:none}.btn.loading .btn__loader{display:block}@keyframes spin{to{transform:rotate(360deg)}}.section__header{text-align:center;margin-bottom:3.5rem}.section__tag{color:var(--clr-royal);letter-spacing:.05em;text-transform:uppercase;background:#2563eb1a;border:1px solid #2563eb33;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.section--dark .section__tag,.section__tag{color:var(--clr-cyan);background:#06b6d41a;border-color:#06b6d433}.section__title{letter-spacing:-.02em;color:var(--clr-white);margin-bottom:.75rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:800}.about .section__title,.projects .section__title{color:var(--clr-charcoal)}.section__subtitle{color:var(--clr-text-muted);max-width:600px;margin:0 auto;font-size:1.05rem}.about .section__subtitle,.projects .section__subtitle{color:#64748b}.preloader{background:var(--clr-bg);z-index:10000;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader__content{text-align:center}.preloader__logo{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.preloader__bar{background:var(--clr-surface);border-radius:4px;width:200px;height:3px;overflow:hidden}.preloader__bar-fill{background:var(--grad-primary);border-radius:4px;height:100%;animation:1.5s ease-out forwards preloaderFill}@keyframes preloaderFill{0%{width:0%}to{width:100%}}.scroll-progress{background:var(--grad-primary);z-index:9999;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.navbar{z-index:1000;transition:var(--transition);background:0 0;padding:1rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--clr-border);background:#0a0f1cd9;padding:.65rem 0;box-shadow:0 1px 20px #0000004d}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{color:var(--clr-white);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.navbar__logo-icon{background:var(--grad-primary);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--clr-white);justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.navbar__list{align-items:center;gap:.25rem;display:flex}.navbar__link{color:var(--clr-text-muted);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9rem;font-weight:500;position:relative}.navbar__link:after{content:"";background:var(--grad-primary);width:20px;height:2px;transition:transform var(--transition);border-radius:1px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.navbar__link:hover,.navbar__link.active{color:var(--clr-white)}.navbar__link.active:after,.navbar__link:hover:after{transform:translate(-50%)scaleX(1)}.navbar__cta{border-radius:var(--radius-sm)}.navbar__toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__toggle-bar{background:var(--clr-white);width:24px;height:2px;transition:var(--transition);border-radius:2px;display:block}.navbar__toggle.active .navbar__toggle-bar:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__toggle.active .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle.active .navbar__toggle-bar:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{z-index:999;pointer-events:none;visibility:hidden;position:fixed;inset:0}.mobile-menu.active{pointer-events:all;visibility:visible}.mobile-menu__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition);background:#0009;position:absolute;inset:0}.mobile-menu.active .mobile-menu__overlay{opacity:1}.mobile-menu__content{background:var(--clr-bg-alt);width:min(320px,85vw);height:100%;transition:transform var(--transition-slow);border-left:1px solid var(--clr-border);flex-direction:column;gap:1rem;padding:6rem 2rem 2rem;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.mobile-menu.active .mobile-menu__content{transform:translate(0)}.mobile-menu__link{color:var(--clr-text-muted);border-radius:var(--radius-sm);transition:var(--transition);padding:.85rem 1rem;font-size:1.1rem;font-weight:500;display:block}.mobile-menu__link:hover{color:var(--clr-white);background:#2563eb1a;padding-left:1.5rem}.mobile-menu__cta{margin-top:auto}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__gradient{background:var(--grad-hero);position:absolute;inset:0}.hero__grid{background-image:linear-gradient(#2563eb08 1px,#0000 1px),linear-gradient(90deg,#2563eb08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero__particles{position:absolute;inset:0}.hero__snow{pointer-events:none;position:absolute;inset:0;overflow:hidden}.snowflake{color:#fff;opacity:.7;-webkit-user-select:none;user-select:none;animation:linear infinite snowFall;position:absolute;top:-10px}@keyframes snowFall{0%{opacity:.8;transform:translateY(0)translate(0)}to{transform:translateY(110vh) translateX(var(--drift,40px));opacity:.2}}.hero__shape{border-radius:var(--radius-lg);opacity:.06;animation:20s ease-in-out infinite floatShape;position:absolute}.hero__shape--1{background:var(--clr-royal);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:300px;height:300px;animation-delay:0s;top:10%;right:-5%}.hero__shape--2{background:var(--clr-cyan);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:200px;height:200px;animation-delay:-5s;bottom:15%;left:-3%}.hero__shape--3{background:var(--clr-amber);border-radius:40% 60% 70% 30%/40% 50% 60%;width:150px;height:150px;animation-delay:-10s;top:60%;right:20%}.hero__shape--4{background:var(--clr-cyan);border-radius:50%;width:100px;height:100px;animation-delay:-15s;top:20%;left:15%}.hero__shape--5{background:var(--clr-royal);border-radius:70% 30% 50% 50%/30% 60% 40% 70%;width:250px;height:250px;animation-delay:-8s;bottom:-5%;right:30%}@keyframes floatShape{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(20px,-30px)rotate(5deg)}50%{transform:translate(-15px,20px)rotate(-3deg)}75%{transform:translate(25px,10px)rotate(4deg)}}.hero__content{z-index:1;text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem;max-width:1140px;margin:0 auto;display:flex;position:relative}.hero__text{flex-direction:column;flex:1;min-width:0;display:flex}.hero__title,.hero__subtitle,.hero__description,.hero__actions{text-align:left;width:100%}.hero__badge{width:fit-content;color:var(--clr-cyan);background:#06b6d41a;border:1px solid #06b6d433;border-radius:2rem;align-items:center;gap:.5rem;margin:0 auto 1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:500;display:flex}.hero__badge-dot{border-radius:var(--radius-full);background:#22c55e;width:8px;height:8px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero__img{aspect-ratio:1;width:20vw;min-width:200px;max-width:320px;height:20vw;min-height:200px;max-height:320px;box-shadow:0 0 25px var(--clr-cyan);cursor:pointer;border-radius:50%;flex-shrink:0;transition:all .4s;animation:4s ease-in-out infinite floatImage;overflow:hidden}.hero__img img{object-fit:cover;border-radius:50%;width:100%;height:100%}.hero__img:hover{box-shadow:0 0 15px var(--clr-cyan), 0 0 20px var(--clr-cyan), 0 0 25px var(--clr-cyan)}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-1.2rem)}to{transform:translateY(0)}}.hero__title{letter-spacing:-.03em;color:var(--clr-white);margin-bottom:1rem;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800;line-height:1.15}.hero__name{display:inline}.hero__subtitle{color:var(--clr-text-muted);flex-wrap:wrap;justify-content:flex-start;align-items:center;min-height:2em;margin-bottom:1.5rem;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:500;display:flex}.hero__typed{color:var(--clr-cyan);font-family:var(--ff-mono);font-weight:600}.hero__cursor{color:var(--clr-cyan);margin-left:2px;font-weight:300;animation:.7s step-end infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero__description{color:var(--clr-text-muted);max-width:600px;margin:0 0 2rem;font-size:1.05rem;line-height:1.8}.hero__actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.hero__stats{border:1px solid var(--clr-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:2rem;padding:1.5rem 2rem;display:flex}.hero__stat{text-align:center}.hero__stat-number{color:var(--clr-white);font-size:1.8rem;font-weight:800;line-height:1;display:block}.hero__stat-suffix{color:var(--clr-cyan);font-size:1.5rem;font-weight:800}.hero__stat-label{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem;font-size:.75rem;display:block}.hero__stat-divider{background:var(--clr-border);width:1px;height:40px}.hero__scroll{z-index:2;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-link{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.1em;transition:var(--transition);flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.hero__scroll-link:hover{color:var(--clr-cyan)}.hero__scroll-mouse{border:2px solid var(--clr-text-muted);width:22px;height:36px;transition:var(--transition);border-radius:12px;justify-content:center;padding-top:6px;display:flex}.hero__scroll-link:hover .hero__scroll-mouse{border-color:var(--clr-cyan)}.hero__scroll-wheel{background:var(--clr-text-muted);border-radius:2px;width:3px;height:8px;animation:1.5s ease-in-out infinite scrollWheel}.hero__scroll-link:hover .hero__scroll-wheel{background:var(--clr-cyan)}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.about{background:var(--clr-surface-light)}.about .section__tag{color:var(--clr-royal);background:#2563eb14;border-color:#2563eb26}.about__grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:3rem;margin-bottom:3rem;display:grid}.about__profile{text-align:center}.about__avatar{border-radius:24px;width:400px;height:400px;margin:0 auto 2rem;position:relative;overflow:hidden}.about__avatar-ring{background:var(--grad-primary);opacity:.6;border-radius:24px;animation:6s linear infinite ringRotate;position:absolute;inset:-6px}.about__avatar-img{z-index:2;border:4px solid var(--clr-surface-light);background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;position:absolute;inset:6px;overflow:hidden}.about__avatar-img img{object-fit:cover;border-radius:16px;width:100%;height:100%}.about__avatar-initials{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900}.about__info-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.about__info-card{background:var(--clr-white);border-radius:var(--radius-md);border:1px solid var(--clr-border-light);text-align:center;transition:var(--transition);padding:1rem .5rem}.about__info-card:hover{box-shadow:var(--shadow-md);border-color:var(--clr-royal);transform:translateY(-4px)}.about__info-card i{color:var(--clr-royal);margin-bottom:.4rem;font-size:1.2rem}.about__info-card-number{color:var(--clr-charcoal);font-size:1.2rem;font-weight:800;display:block}.about__info-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;display:block}.about__heading{color:var(--clr-charcoal);margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.about__bio{color:#475569;margin-bottom:1rem;font-size:.95rem}.about__objective{border-left:3px solid var(--clr-royal);border-radius:0 var(--radius-md) var(--radius-md) 0;background:linear-gradient(135deg,#2563eb0d,#06b6d40d);margin-top:1.5rem;padding:1.25rem}.about__objective h4{color:var(--clr-charcoal);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.about__objective h4 i{color:var(--clr-royal)}.about__objective p{color:#475569;font-size:.9rem}.about__section-title{color:var(--clr-charcoal);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700;display:flex}.about__section-title i{color:var(--clr-royal)}.about__skills{margin-bottom:2.5rem}.skills__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.skill{background:var(--clr-white);border-radius:var(--radius-md);border:1px solid var(--clr-border-light);transition:var(--transition);padding:1rem 1.25rem}.skill:hover{box-shadow:var(--shadow-sm);border-color:#2563eb33}.skill__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.skill__name{color:var(--clr-charcoal);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.skill__name i{color:var(--clr-royal);font-size:.85rem}.skill__percent{color:var(--clr-royal);font-size:.8rem;font-weight:700;font-family:var(--ff-mono)}.skill__bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.skill__fill{background:var(--grad-primary);border-radius:3px;width:0%;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill.animated .skill__fill{width:var(--percent)}.about__tech{margin-bottom:2.5rem}.tech-marquee{padding:.5rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.tech-marquee__track{gap:.75rem;width:max-content;animation:30s linear infinite marquee;display:flex}.tech-tag{background:var(--clr-white);border:1px solid var(--clr-border-light);color:var(--clr-charcoal);white-space:nowrap;transition:var(--transition);border-radius:2rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.tech-tag:hover{border-color:var(--clr-royal);color:var(--clr-royal);transform:translateY(-2px)}@keyframes marquee{to{transform:translate(-50%)}}.education__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.education__card{background:var(--clr-white);border-radius:var(--radius-lg);border:1px solid var(--clr-border-light);transition:var(--transition);gap:1.25rem;padding:1.5rem;display:flex}.education__card:hover{box-shadow:var(--shadow-md);border-color:var(--clr-royal);transform:translateY(-4px)}.education__card-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--clr-royal);background:linear-gradient(135deg,#2563eb1a,#06b6d41a);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.education__card-content h4{color:var(--clr-charcoal);margin-bottom:.25rem;font-size:1rem;font-weight:700}.education__institution{color:var(--clr-royal);margin-bottom:.25rem;font-size:.85rem;font-weight:600}.education__year{color:#64748b;align-items:center;gap:.3rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.education__desc{color:#475569;font-size:.85rem}.services__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.service-card{border:1px solid var(--clr-border);border-radius:var(--radius-lg);transition:var(--transition);background:#ffffff08;padding:2rem 1.75rem}.service-card:hover{border-color:#2563eb4d;transform:translateY(-6px);box-shadow:0 12px 30px #2563eb1f}.service-card__icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--clr-cyan);background:linear-gradient(135deg,#2563eb26,#06b6d426);justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.4rem;display:flex}.service-card__title{color:var(--clr-white);margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.service-card__desc{color:var(--clr-text-muted);font-size:.9rem;line-height:1.7}.timeline{max-width:800px;margin:0 auto;padding-left:40px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--clr-royal), var(--clr-cyan), transparent);width:2px;position:absolute;top:0;bottom:0;left:15px}.timeline__item{margin-bottom:2.5rem;position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__dot{background:var(--clr-bg-alt);border:2px solid var(--clr-royal);border-radius:var(--radius-full);width:36px;height:36px;color:var(--clr-cyan);z-index:1;transition:var(--transition);justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:1.5rem;left:-33px}.timeline__item:hover .timeline__dot{background:var(--clr-royal);color:var(--clr-white);box-shadow:var(--shadow-glow)}.timeline__card{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);transition:var(--transition);padding:1.75rem}.timeline__card:hover{border-color:#2563eb4d;transform:translateY(-4px);box-shadow:0 8px 30px #2563eb1a}.timeline__card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.timeline__title{color:var(--clr-white);font-size:1.15rem;font-weight:700}.timeline__company{color:var(--clr-cyan);align-items:center;gap:.4rem;margin-top:.25rem;font-size:.9rem;font-weight:500;display:flex}.timeline__company i{font-size:.75rem}.timeline__date{color:var(--clr-text-muted);font-size:.8rem;font-family:var(--ff-mono);white-space:nowrap;background:#2563eb1a;border-radius:2rem;align-items:center;gap:.3rem;padding:.3rem .75rem;display:flex}.timeline__responsibilities{margin-bottom:1rem}.timeline__responsibilities li{color:var(--clr-text-muted);margin-bottom:.5rem;padding-left:1.25rem;font-size:.9rem;line-height:1.6;position:relative}.timeline__responsibilities li:before{content:"▹";color:var(--clr-cyan);font-weight:700;position:absolute;left:0}.timeline__tags{flex-wrap:wrap;gap:.4rem;display:flex}.timeline__tags span{color:var(--clr-cyan);text-transform:uppercase;letter-spacing:.03em;background:#06b6d41a;border:1px solid #06b6d426;border-radius:2rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600}.projects{background:var(--clr-surface-light)}.projects .section__tag{color:var(--clr-royal);background:#2563eb14;border-color:#2563eb26}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.projects__more{justify-content:flex-end;margin-top:2rem;display:flex}.btn--see-more{color:var(--clr-royal);border:2px solid var(--clr-border-light);background:0 0}.btn--see-more:hover{border-color:var(--clr-royal);color:var(--clr-white);background:var(--grad-primary);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb59}@media (max-width:600px){.projects__more{justify-content:center}}.project-card{background:var(--clr-white);border-radius:var(--radius-lg);border:1px solid var(--clr-border-light);transition:var(--transition);overflow:hidden}.project-card:hover{border-color:var(--clr-royal);transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}.project-card__image{height:200px;position:relative;overflow:hidden}.project-card__placeholder{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, black));color:#ffffffe6;width:100%;height:100%;transition:transform var(--transition-slow);justify-content:center;align-items:center;font-size:3rem;display:flex}.project-card:hover .project-card__placeholder{transform:scale(1.08)}.project-card__screenshot{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.project-card:hover .project-card__screenshot{transform:scale(1.08)}.project-card__slideshow{width:100%;height:100%;position:relative}.project-card__slideshow .project-card__screenshot{opacity:0;transition:opacity .6s ease, transform var(--transition-slow);position:absolute;inset:0}.project-card__slideshow .project-card__screenshot.is-active{opacity:1}.project-card__dots{z-index:2;justify-content:center;gap:6px;display:flex;position:absolute;bottom:10px;left:0;right:0}.project-card__dot{cursor:pointer;width:7px;height:7px;transition:var(--transition);background:#fff6;border:none;border-radius:50%;padding:0}.project-card__dot.is-active{background:var(--clr-white);transform:scale(1.2)}.project-card__overlay{opacity:0;transition:opacity var(--transition);background:#111827cc;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__link{background:var(--clr-white);width:44px;height:44px;color:var(--clr-charcoal);border-radius:var(--radius-full);transition:var(--transition);justify-content:center;align-items:center;font-size:1rem;display:flex;transform:translateY(10px)}.project-card:hover .project-card__link{transform:translateY(0)}.project-card__link:hover{background:var(--clr-royal);color:var(--clr-white);transform:scale(1.1)!important}.project-card__body{padding:1.25rem}.project-card__title{color:var(--clr-charcoal);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.project-card__desc{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.project-card__tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-card__tags span{color:var(--clr-royal);text-transform:uppercase;letter-spacing:.03em;background:#2563eb14;border-radius:2rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.contact__grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:3rem;display:grid}.contact__form{flex-direction:column;gap:1.25rem;display:flex}.form-group{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-field{position:relative}.form-field input,.form-field textarea{width:100%;font-family:var(--ff-primary);color:var(--clr-white);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);transition:var(--transition);resize:none;outline:none;padding:1rem 1rem 1rem 2.75rem;font-size:.95rem}.form-field input:focus,.form-field textarea:focus{border-color:var(--clr-royal);box-shadow:0 0 0 3px #2563eb26}.form-field label{color:var(--clr-text-muted);pointer-events:none;transition:var(--transition);font-size:.9rem;position:absolute;top:1rem;left:2.75rem}.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label,.form-field textarea:focus+label,.form-field textarea:not(:placeholder-shown)+label{color:var(--clr-royal);background:var(--clr-surface);padding:0 .4rem;font-size:.75rem;top:-.6rem;left:.75rem}.form-field__icon{color:var(--clr-text-muted);transition:var(--transition);pointer-events:none;font-size:.85rem;position:absolute;top:1rem;left:1rem}.form-field input:focus~.form-field__icon,.form-field textarea:focus~.form-field__icon{color:var(--clr-royal)}.contact__success{text-align:center;padding:3rem 2rem;animation:.5s ease-out fadeInUp}.contact__success-icon{color:#22c55e;margin-bottom:1rem;font-size:3rem}.contact__success h3{color:var(--clr-white);margin-bottom:.5rem;font-size:1.5rem}.contact__success p{color:var(--clr-text-muted)}.contact__info{flex-direction:column;gap:1.25rem;display:flex}.contact__info-card{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);transition:var(--transition);align-items:center;gap:1rem;padding:1.25rem;display:flex}.contact__info-card:hover{border-color:#2563eb4d;transform:translate(8px)}.contact__info-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--clr-cyan);background:linear-gradient(135deg,#2563eb26,#06b6d426);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.contact__info-text h4{color:var(--clr-white);margin-bottom:.2rem;font-size:.9rem;font-weight:700}.contact__info-text a,.contact__info-text p{color:var(--clr-text-muted);font-size:.9rem}.contact__info-text a:hover{color:var(--clr-cyan)}.contact__socials{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);padding:1.5rem}.contact__socials h4{color:var(--clr-white);margin-bottom:1rem;font-size:.9rem;font-weight:700}.contact__socials-grid{gap:.75rem;display:flex}.social-btn{border-radius:var(--radius-md);width:42px;height:42px;color:var(--clr-text-muted);transition:var(--transition);background:#2563eb1a;border:1px solid #2563eb26;justify-content:center;align-items:center;font-size:1rem;display:flex}.social-btn:hover{background:var(--clr-royal);color:var(--clr-white);border-color:var(--clr-royal);transform:translateY(-3px);box-shadow:0 4px 15px #2563eb66}.footer{background:var(--clr-bg);border-top:1px solid var(--clr-border)}.footer__inner{grid-template-columns:1.5fr 1fr 1fr;gap:2rem;padding:3rem 1.5rem 2rem;display:grid}.footer__logo{color:var(--clr-white);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.footer__brand p{color:var(--clr-text-muted);max-width:300px;font-size:.9rem}.footer__links h4,.footer__contact h4{color:var(--clr-white);margin-bottom:1rem;font-size:.9rem;font-weight:700}.footer__links ul{flex-direction:column;gap:.5rem;display:flex}.footer__links a{color:var(--clr-text-muted);transition:var(--transition);font-size:.85rem}.footer__links a:hover{color:var(--clr-cyan);padding-left:4px}.footer__contact p{color:var(--clr-text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.footer__contact i{color:var(--clr-royal);font-size:.8rem}.footer__bottom{border-top:1px solid var(--clr-border);padding:1.25rem 0}.footer__bottom-inner{color:var(--clr-text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.footer__heart{color:#f43f5e}.back-to-top{background:var(--grad-primary);width:44px;height:44px;color:var(--clr-white);border-radius:var(--radius-md);cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:99;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px);box-shadow:0 4px 15px #2563eb66}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb80}.reveal-up,.reveal-left,.reveal-right{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transition-delay:var(--delay,0s)}.reveal-up{transform:translateY(40px)}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal-up.revealed,.reveal-left.revealed,.reveal-right.revealed{opacity:1;transform:translate(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.about__grid{grid-template-columns:1fr;gap:2rem}.about__profile{max-width:400px;margin:0 auto}.contact__grid{grid-template-columns:1fr;gap:2rem}.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--section-py:4rem}.navbar__menu,.navbar__cta{display:none}.navbar__toggle{display:flex}.hero__content{text-align:center;flex-direction:column-reverse;gap:2rem;padding-top:3.5rem;position:relative}.hero__badge{z-index:5;width:fit-content;margin:0 auto;position:absolute;top:0;left:0;right:0}.hero__text{align-items:center}.hero__title,.hero__subtitle,.hero__description,.hero__actions{text-align:center;justify-content:center;align-items:center}.hero__img{width:45vw;max-width:220px;height:45vw;max-height:220px}.about__avatar{width:clamp(160px,45vw,260px);height:clamp(160px,45vw,260px)}.about__avatar-ring{inset:clamp(-4px,-1vw,-3px)}.about__avatar-img{border-width:clamp(2px,.6vw,3px);inset:clamp(3px,1vw,4px)}.hero__title{font-size:clamp(1.8rem,7vw,2.5rem)}.hero__subtitle{justify-content:center;font-size:1rem}.hero__stats{flex-wrap:nowrap;justify-content:center;gap:1.5rem;padding:1rem 1.5rem}.hero__stat{flex:1 1 0;min-width:0}.hero__stat-divider,.hero__scroll{display:none}.skills__grid,.form-group,.projects__grid{grid-template-columns:1fr}.timeline{padding-left:30px}.timeline:before{left:10px}.timeline__dot{width:30px;height:30px;font-size:.7rem;left:-28px}.timeline__card-header{flex-direction:column}.footer__inner{text-align:center;grid-template-columns:1fr}.footer__brand p{margin:0 auto}.footer__links ul{flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem}.footer__contact p{justify-content:center}.footer__bottom-inner{text-align:center;flex-direction:column;gap:.5rem}}@media (max-width:480px){.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}.about__info-cards{grid-template-columns:repeat(3,1fr);gap:.4rem}.about__info-card{padding:.6rem .25rem}.about__info-card i{font-size:1rem}.about__info-card-number{font-size:1.1rem}.about__info-card-label{font-size:.65rem}.about__avatar{width:clamp(130px,42vw,180px);height:clamp(130px,42vw,180px)}.about__avatar-ring{inset:-2px}.about__avatar-img{border-width:2px;inset:2px}.about__avatar-initials{font-size:2rem}.hero__stats{flex-wrap:nowrap;gap:.5rem;padding:.85rem .6rem}.hero__stat{flex:1 1 0;min-width:0}.hero__stat-number{font-size:clamp(1rem,4.5vw,1.3rem)}.hero__stat-suffix{font-size:clamp(.9rem,3.5vw,1.1rem)}.hero__stat-label{white-space:nowrap;font-size:clamp(.5rem,2.2vw,.6rem)}.contact__socials-grid{flex-wrap:wrap;justify-content:center}}