*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070709;--bg2:#0d0d11;--bg3:#14141a;--card:#121218a6;--card-hover:#1a1a24d9;--border:#ffffff14;--border-hover:#ffffff52;--text:#f8fafc;--muted:#64748b;--muted2:#94a3b8;--accent:#fff;--accent2:#cbd5e1;--accent-glow:#ffffff1f;--accent2-glow:#cbd5e114;--brand-shimmer:linear-gradient(135deg, #fffffff2 0%, #94a3b8cc 100%);--radius:18px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow-x:hidden}#loader{background:var(--bg);z-index:100000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none;display:none}.loader-logo{color:#fff;letter-spacing:-.8px;align-items:center;gap:.35em;font-size:2.2rem;font-weight:800;display:inline-flex}.loader-logo span{color:var(--muted2);display:inline-block}.loader-bar{background:#ffffff14;border-radius:4px;width:130px;height:2px;margin-top:20px;overflow:hidden}.loader-bar-inner{background:#fff;border-radius:4px;width:0%;height:100%;animation:.9s cubic-bezier(.16,1,.3,1) forwards loadbar}@keyframes loadbar{to{width:100%}}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 50% -10%,#ffffff1a 0%,#0000 60%),radial-gradient(circle at 90% 70%,#ffffff0a 0%,#0000 50%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:top;background-size:100% 100%,100% 100%,48px 48px,48px 48px;position:fixed;inset:0}.text-shimmer{background:linear-gradient(120deg,#fff 20%,#94a3b8 50%,#fff 80%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:7s linear infinite textShine}@keyframes textShine{to{background-position:200%}}#particle-canvas{z-index:0;pointer-events:none;opacity:.7;width:100%;height:100%;position:fixed;top:0;left:0}.shooting-stars{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.shooting-star{opacity:0;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);border-radius:50%;width:120px;height:1px;position:absolute}.shooting-star:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:-1px;right:0;box-shadow:0 0 6px 2px #fff9}.shooting-star:first-child{animation:6s 1s infinite cssShoot;top:12%;left:30%;transform:rotate(35deg)}.shooting-star:nth-child(2){width:90px;animation:8s 4s infinite cssShoot;top:25%;left:55%;transform:rotate(28deg)}.shooting-star:nth-child(3){width:150px;animation:7s 7s infinite cssShoot;top:8%;left:70%;transform:rotate(42deg)}.shooting-star:nth-child(4){width:100px;animation:9s 10s infinite cssShoot;top:35%;left:15%;transform:rotate(32deg)}@keyframes cssShoot{0%{opacity:0;transform:translate(0)rotate(35deg)}2%{opacity:1}8%{opacity:1;transform:translate(300px)rotate(35deg)}10%{opacity:0;transform:translate(400px)rotate(35deg)}to{opacity:0}}nav{z-index:1000;padding:20px 0;transition:all .4s;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#050505d9;padding:14px 0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.nav-logo{color:#fff;letter-spacing:-.5px;font-size:1.4rem;font-weight:900;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:6px;list-style:none;display:flex}.nav-links a:not(.nav-cta){color:var(--muted2);letter-spacing:.3px;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s;position:relative}.nav-links a:not(.nav-cta):hover{color:#fff;background:#ffffff14}.nav-links a:not(.nav-cta).active{color:#fff;background:#ffffff0f;font-weight:600}.nav-links a:not(.nav-cta).active:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #fffc}.nav-links a.nav-cta{border-radius:8px;justify-content:center;align-items:center;margin-left:6px;padding:8px 18px;font-size:.875rem;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 2px 10px #ffffff1f;color:#000!important;background:#fff!important;font-weight:700!important}.nav-links a.nav-cta:after{display:none!important}.nav-links a.nav-cta:hover{transform:translateY(-2px);color:#000!important;background:#e8e8e8!important;box-shadow:0 4px 18px #ffffff4d!important}.nav-links a.nav-cta.active{box-shadow:0 0 16px #ffffff59;color:#000!important;background:#fff!important}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none;position:relative}.hamburger span{transform-origin:50%;background:#fff;border-radius:2px;width:24px;height:2px;transition:all .3s cubic-bezier(.16,1,.3,1);display:block}.hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#000000f7;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--text);font-size:1.6rem;font-weight:700;text-decoration:none;transition:color .3s}.mobile-menu a:hover{color:var(--accent)}#home{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 32px;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.hero-badge{-webkit-backdrop-filter:blur(16px);color:#fff;letter-spacing:1.5px;text-transform:uppercase;opacity:0;background:#ffffff0d;border:1px solid #ffffff29;border-radius:40px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 18px;font-size:.76rem;font-weight:700;display:inline-flex;transform:translateY(20px);box-shadow:0 4px 20px #00000059,inset 0 1px 1px #ffffff4d}.hero-badge .dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite livePulse;box-shadow:0 0 10px #10b981}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero-title{letter-spacing:-1.5px;opacity:0;margin-bottom:16px;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:900;line-height:1.08;transform:translateY(30px)}.hero-title .name{display:block}.hero-title .accent-name{background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--muted2);text-align:justify;opacity:0;margin-bottom:32px;font-size:1.1rem;line-height:1.8;transform:translateY(20px)}.typing-line{color:#f1f5f9;opacity:0;align-items:center;gap:8px;min-height:28px;margin-bottom:40px;font-size:1.1rem;font-weight:700;display:flex}.typing-line:before{content:">";color:var(--muted);font-family:monospace;font-weight:400}.hero-actions{opacity:0;flex-wrap:wrap;gap:14px;display:flex;transform:translateY(20px)}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:9px;padding:14px 28px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#000;background:#fff;box-shadow:0 4px 20px #ffffff40,inset 0 1px 1px #fffc}.btn-primary:hover{background:#e2e8f0;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px #fff6}.btn-ghost{color:var(--text);-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff26}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff59;transform:translateY(-3px);box-shadow:0 8px 25px #0006}.hero-stats{opacity:0;gap:36px;margin-top:48px;display:flex}.stat-item{border-left:2px solid #ffffff26;padding-left:14px;position:relative}.stat-num{color:#fff;letter-spacing:-.5px;font-size:1.9rem;font-weight:900;line-height:1}.stat-label{color:var(--muted2);text-transform:uppercase;letter-spacing:1.2px;margin-top:6px;font-size:.74rem;font-weight:600}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-img-wrap{opacity:0;width:340px;height:420px;animation:6s ease-in-out infinite floatY;position:relative}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-img-wrap:before{content:"";filter:blur(32px);background:radial-gradient(circle,#fff3 0%,#94a3b814 45%,#0000 70%);border-radius:50%;animation:4.5s ease-in-out infinite glowPulse;position:absolute;inset:-35px}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hero-img-wrap:after{content:"";z-index:0;background:linear-gradient(135deg,#fff9 0%,#ffffff0d 50%,#fff6 100%);border-radius:24px;position:absolute;inset:-2px}.hero-img{object-fit:cover;object-position:top;z-index:1;border:1px solid #ffffff1f;border-radius:22px;width:100%;height:100%;position:relative;box-shadow:0 20px 50px #000c}.hero-badge-float{-webkit-backdrop-filter:blur(16px);white-space:nowrap;z-index:2;background:#121218d9;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:12px;padding:12px 18px;transition:transform .3s;display:flex;position:absolute;box-shadow:0 16px 36px #0009,inset 0 1px 1px #ffffff40}.hero-badge-float:hover{border-color:#ffffff59;transform:translateY(-4px)scale(1.03)}.hero-badge-float.b1{animation:5s ease-in-out infinite floatB1;top:8%;right:-55px}.hero-badge-float.b2{animation:6s ease-in-out infinite floatB2;bottom:15%;left:-65px}@keyframes floatB1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatB2{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.badge-icon{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.05rem;display:flex}.badge-text strong{color:#fff;letter-spacing:-.2px;font-size:.88rem;font-weight:700;display:block}.badge-text span{color:var(--muted2);font-size:.72rem;font-weight:500}section{z-index:1;max-width:100%;position:relative;overflow-x:hidden}.section-pad{padding:110px 0}.section-label{color:var(--accent);letter-spacing:2.5px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.72rem;font-weight:800;display:flex}.section-label:before{content:"";background:var(--accent);border-radius:2px;width:24px;height:2px;display:block}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1.15}.section-desc{color:var(--muted2);max-width:580px;margin-bottom:60px;line-height:1.8}.section-center{text-align:center}.section-center .section-label{justify-content:center}.section-center .section-desc{margin-left:auto;margin-right:auto}#expertise{background:var(--bg2);position:relative}.services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.service-card{-webkit-backdrop-filter:blur(14px);border-radius:var(--radius);opacity:0;background:linear-gradient(#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff17;padding:38px 30px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(30px)}.service-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.service-card:hover:before{opacity:1}.service-card:hover{background:linear-gradient(#ffffff12 0%,#ffffff05 100%);border-color:#ffffff47;transform:translateY(-8px)scale(1.01);box-shadow:0 24px 50px #0009,0 0 30px #ffffff0f}.svc-icon{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:1.4rem;transition:all .35s;display:flex}.service-card:hover .svc-icon{color:#000;background:#fff;transform:scale(1.08)rotate(3deg);box-shadow:0 0 20px #ffffff80}.service-card h4{color:#fff;letter-spacing:-.3px;margin-bottom:12px;font-size:1.15rem;font-weight:700}.service-card p{color:var(--muted2);margin:0;font-size:.86rem;line-height:1.7}#skills{background:var(--bg);position:relative}.skills-layout{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skill-chip{-webkit-backdrop-filter:blur(12px);text-align:center;opacity:0;background:linear-gradient(#16161cb3 0%,#0c0c10d9 100%);border:1px solid #ffffff14;border-radius:16px;padding:22px 18px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:scale(.92);box-shadow:0 4px 20px #0000004d}.skill-chip:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.skill-chip:hover:before{opacity:1}.skill-chip:hover{background:linear-gradient(#1c1c26d9 0%,#101016f2 100%);border-color:#ffffff47;transform:translateY(-6px)scale(1.03);box-shadow:0 16px 36px #00000080,0 0 25px #ffffff14}.skill-chip i{margin-bottom:12px;font-size:1.8rem;transition:transform .3s;display:block}.skill-chip:hover i{transform:scale(1.15)}.skill-chip .sk-name{color:#fff;letter-spacing:-.2px;font-size:.85rem;font-weight:700}.skill-chip .sk-level{color:var(--muted2);text-transform:uppercase;letter-spacing:.8px;margin-top:4px;font-size:.68rem;font-weight:600}#about{background:var(--bg2);position:relative}.about-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:80px;display:grid}.timeline-section{margin-bottom:48px}.timeline-title{color:#cbd5e1;letter-spacing:2px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:26px;font-size:.74rem;font-weight:800;display:flex}.timeline-title:before{content:"";background:#fff;border-radius:2px;width:22px;height:2px;display:block;box-shadow:0 0 8px #fffc}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:linear-gradient(#ffffffb3 0%,#fff3 50%,#0000 100%);width:2px;position:absolute;top:8px;bottom:8px;left:0}.tl-item{opacity:0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:34px;padding:14px 18px;transition:all .3s;position:relative;transform:translate(-20px)}.tl-item:hover{background:#ffffff0d;border-color:#ffffff29;transform:translate(4px)}.tl-item:before{content:"";border:2px solid var(--bg2);background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:18px;left:-37px;box-shadow:0 0 12px #ffffffe6}.tl-item.exp:before{background:#cbd5e1;box-shadow:0 0 12px #cbd5e1cc}.tl-date{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#ffffff14;border-radius:6px;margin-bottom:5px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.tl-item.exp .tl-date{color:#cbd5e1}.tl-place{color:#fff;letter-spacing:-.2px;margin-bottom:5px;font-size:1.05rem;font-weight:800}.tl-desc{color:var(--muted2);font-size:.84rem;line-height:1.65}.about-values{margin-top:40px}.value-card{-webkit-backdrop-filter:blur(12px);opacity:0;background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:14px;align-items:flex-start;gap:16px;margin-bottom:14px;padding:22px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.value-card:hover{background:linear-gradient(135deg,#ffffff12 0%,#ffffff05 100%);border-color:#ffffff40;transform:translateY(-3px)translate(4px);box-shadow:0 12px 30px #0006}.val-icon{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:transform .3s;display:flex}.value-card:hover .val-icon{color:#000;background:#fff;transform:scale(1.1)}.val-text h6{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:700}.val-text p{color:var(--muted2);margin:0;font-size:.82rem;line-height:1.6}.about-visual{perspective:1200px;position:sticky;top:100px}.about-glow-orb{pointer-events:none;z-index:0;will-change:transform;background:radial-gradient(circle,#ffffff1a 0%,#d4d4d40a 40%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:10s ease-in-out infinite alternate floatGlow;position:absolute;top:-20px;left:-20px}.about-glow-orb.orb-secondary{background:radial-gradient(circle,#d4d4d417 0%,#ffffff08 40%,#0000 70%);width:220px;height:220px;animation-delay:-5s;inset:auto -20px 80px auto}@keyframes floatGlow{0%{transform:translateY(0)scale(1)}to{transform:translateY(-24px)scale(1.1)}}.orbit-scene{z-index:1;aspect-ratio:1;width:100%;max-width:460px;margin:0 auto 28px;position:relative}.orbit-center{z-index:5;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-center img{object-fit:cover;object-position:top;z-index:2;border:3px solid #ffffff4d;border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:0 0 30px #ffffff26,0 0 60px #d4d4d414}.orbit-center-glow{filter:blur(12px);z-index:1;background:radial-gradient(circle,#ffffff26 0%,#d4d4d40f 50%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite alternate centerPulse;position:absolute;inset:-18px}@keyframes centerPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.12)}}.orbit-path{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute;top:50%;left:50%}.orbit-path.path-inner{border-style:dashed;width:280px;height:280px;transform:translate(-50%,-50%)}.orbit-path.path-outer{border-color:#d4d4d40f;width:400px;height:400px;transform:translate(-50%,-50%)}.orbit-ring{transform-style:preserve-3d;will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.orbit-ring.ring-inner{width:280px;height:280px;margin-top:-140px;margin-left:-140px;animation:22s linear infinite orbitSpin}.orbit-ring.ring-outer{width:400px;height:400px;margin-top:-200px;margin-left:-200px;animation:35s linear infinite reverse orbitSpin}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-icon{width:52px;height:52px;box-shadow:0 4px 16px #0006, 0 0 10px color-mix(in srgb, var(--clr) 25%, transparent);will-change:transform;transform:rotate(var(--angle)) translateX(calc(50%)) rotate(calc(-1 * var(--angle)));background:#141722;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-top:-26px;margin-left:-26px;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;top:50%;left:50%}.ring-inner .orbit-icon{transform:rotate(var(--angle)) translateX(140px) rotate(calc(-1 * var(--angle)));transform:rotate(var(--angle)) translateX(140px) rotate(calc(-1 * var(--angle)));animation:22s linear infinite counterSpinInner}.ring-outer .orbit-icon{transform:rotate(var(--angle)) translateX(200px) rotate(calc(-1 * var(--angle)));animation:35s linear infinite reverse counterSpinOuter}@keyframes counterSpinInner{0%{transform:rotate(var(--angle)) translateX(140px) rotate(calc(-1 * var(--angle) - 0deg))}to{transform:rotate(calc(var(--angle) + 360deg)) translateX(140px) rotate(calc(-1 * var(--angle) - 360deg))}}@keyframes counterSpinOuter{0%{transform:rotate(var(--angle)) translateX(200px) rotate(calc(-1 * var(--angle) + 0deg))}to{transform:rotate(calc(var(--angle) - 360deg)) translateX(200px) rotate(calc(-1 * var(--angle) + 360deg))}}.orbit-icon i{color:var(--clr);filter:drop-shadow(0 0 6px var(--clr));font-size:1.15rem}.orbit-icon span{color:#ffffffb3;letter-spacing:.3px;font-size:.55rem;font-weight:700;line-height:1}.orbit-icon:hover{box-shadow:0 6px 30px #00000080, 0 0 25px color-mix(in srgb, var(--clr) 50%, transparent);border-color:var(--clr);z-index:10}.about-facts{z-index:1;grid-template-columns:1fr 1fr;gap:16px;display:grid;position:relative}.fact-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:16px;padding:18px 20px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #00000059,inset 0 1px 1px #ffffff26}.fact-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.fact-card:hover:before{opacity:1}.fact-card:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border-color:#ffffff4d;transform:translateY(-5px)scale(1.02);box-shadow:0 16px 36px #00000080,0 0 25px #ffffff14}.fact-icon{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .3s;display:flex}.fact-card:hover .fact-icon{color:#000;background:#fff;transform:scale(1.12)rotate(4deg);box-shadow:0 0 16px #fff6}.fact-num{color:#fff;letter-spacing:-.5px;font-size:1.6rem;font-weight:900;line-height:1}.fact-label{color:var(--muted2);margin-top:4px;font-size:.74rem;font-weight:600}#projects{background:var(--bg);position:relative}.projects-slider-wrapper{max-width:1200px;margin:0 auto;padding:0 10px;position:relative;overflow:hidden}.projects-track-container{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;margin:-10px -4px;padding:24px 4px 30px;overflow:hidden}.projects-track-container:active{cursor:grabbing}.projects-track{will-change:transform;gap:24px;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.project-slide-item{flex:0 0 calc(33.3333% - 16px);min-width:0}.project-card{-webkit-backdrop-filter:blur(14px);border-radius:var(--radius);background:linear-gradient(#16161ebf 0%,#0c0c10e6 100%);border:1px solid #ffffff1a;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.project-card:before{content:"";opacity:0;z-index:3;background:linear-gradient(90deg,#0000,#fff6,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#ffffff4d;transform:translateY(-8px)scale(1.015);box-shadow:0 25px 60px #000000b3,0 0 35px #ffffff14}.project-thumb{flex-shrink:0;height:215px;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.project-card:hover .project-thumb img{transform:scale(1.06)}.project-thumb .thumb-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex;position:absolute;inset:0}.project-thumb .overlay{-webkit-backdrop-filter:blur(6px);opacity:0;z-index:2;background:#050508bf;justify-content:center;align-items:center;gap:12px;transition:all .35s;display:flex;position:absolute;inset:0}.project-card:hover .overlay{opacity:1}.overlay-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.overlay-btn:hover{color:#000;background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.project-body{flex-direction:column;flex:1;padding:24px 26px;display:flex}.project-tag{color:#cbd5e1;text-transform:uppercase;letter-spacing:1.8px;align-items:center;gap:6px;margin-bottom:8px;font-size:.7rem;font-weight:800;display:inline-flex}.project-tag:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.project-body h4{color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:1.15rem;font-weight:800;line-height:1.35}.project-body p{color:var(--muted2);flex:1;margin-bottom:18px;font-size:.84rem;line-height:1.7}.project-stack{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.stack-tag{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:600;transition:all .2s}.stack-tag:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.project-screen-wrap{background:#141414;width:100%;height:100%;position:relative;overflow:hidden}.project-screen-wrap img{object-fit:cover;object-position:top center;width:100%;height:100%}.device-badges{gap:6px;margin-bottom:10px;display:flex}.device-badge{text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:2px 8px;font-size:.62rem;font-weight:700}.device-badge.desktop{color:var(--accent);background:#ffffff1a;border:1px solid #ffffff40}.device-badge.mobile{color:var(--accent2);background:#d4d4d41a;border:1px solid #d4d4d440}.device-badge.app{color:#a0a0a0;background:#a0a0a01a;border:1px solid #a0a0a040}.device-badge.ui{color:#787878;background:#7878781a;border:1px solid #78787840}.slider-nav-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:10;background:#121216d9;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #0009}.slider-nav-btn:hover:not(:disabled){color:#000;background:#fff;border-color:#fff;transform:translateY(-50%)scale(1.08);box-shadow:0 0 25px #ffffff59}.slider-nav-btn:disabled{opacity:.25;cursor:not-allowed;border-color:#ffffff14}.slider-nav-btn.prev{left:8px}.slider-nav-btn.next{right:8px}.slider-pagination-wrap{justify-content:center;align-items:center;gap:8px;display:flex}.slider-dot{cursor:pointer;background:#fff3;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.slider-dot:hover{background:#ffffff80}.slider-dot.active{background:#fff;width:28px;box-shadow:0 0 12px #fff9}.slider-controls-bottom{justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.slider-bottom-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;transition:all .25s;display:flex}.slider-bottom-btn:hover:not(:disabled){color:#000;background:#fff;transform:scale(1.06)}.slider-bottom-btn:disabled{opacity:.2;cursor:not-allowed}.project-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.project-links{align-items:center;gap:8px;margin-left:auto;display:flex}.proj-action-link{border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.proj-action-link.live{color:#000;background:#fff}.proj-action-link.live:hover{background:#e4e4e4;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff40}.proj-action-link.code{color:#e5e5e5;background:#ffffff14;border:1px solid #ffffff26}.proj-action-link.code:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}#contact{background:var(--bg2);border-top:1px solid #ffffff0f;position:relative}.contact-inner{text-align:center;max-width:760px;margin:0 auto}.contact-email{color:#fff;letter-spacing:-.5px;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:40px;margin:28px 0 42px;padding:10px 24px;font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-block}.contact-email:hover{background:#ffffff14;border-color:#ffffff73;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px #00000080,0 0 25px #ffffff1f}.contact-info{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:48px;display:flex}.contact-info-item{color:var(--muted2);background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;font-size:.9rem;display:flex}.contact-info-item i{color:#fff}.social-row{justify-content:center;gap:16px;margin-bottom:60px;display:flex}.social-btn{width:48px;height:48px;color:var(--muted2);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;font-size:1.15rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.social-btn:hover{color:#000;background:#fff;border-color:#fff;transform:translateY(-4px)scale(1.08);box-shadow:0 10px 25px #ffffff40}.footer-divider{border:none;border-top:1px solid #ffffff14;margin:0 0 28px}.footer-copy{color:var(--muted);text-align:center;padding-bottom:36px;font-size:.82rem}.footer-copy span{color:#fff;font-weight:700}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.in{opacity:1;transform:none}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-30px)}.reveal-left.in{opacity:1;transform:none}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(30px)}.reveal-right.in{opacity:1;transform:none}.section-divider{position:absolute;bottom:-1px;left:0;right:0}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:60px}.hero-visual{order:-1}.hero-badge-float.b1,.hero-badge-float.b2{display:none}.hero-img-wrap{width:260px;height:320px}.services-grid{grid-template-columns:repeat(2,1fr)}.skills-layout{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:52px}.project-slide-item{flex:0 0 calc(50% - 12px)}.about-visual{flex-direction:column;align-items:center;width:100%;margin-top:10px;display:flex;position:static}.orbit-scene{margin:0 auto 36px}.about-facts{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:520px;margin:0 auto;display:grid}.hero-stats,.hero-actions{justify-content:center}}@media (width<=640px){.services-grid{grid-template-columns:1fr}.project-slide-item{flex:0 0 100%}.slider-nav-btn{display:none}.skills-grid{grid-template-columns:repeat(3,1fr)}.nav-links{display:none}.hamburger{display:flex}.hero-title{font-size:2.2rem}.container{padding:0 20px}.section-pad{padding:80px 0}.about-facts{grid-template-columns:1fr 1fr}}.img-loading{background:linear-gradient(90deg,#141414 25%,#1f1f1f 50%,#141414 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chatbot-wrapper{z-index:9999999!important;pointer-events:auto!important;position:fixed!important;bottom:28px!important;right:28px!important}.chatbot-trigger{-webkit-backdrop-filter:blur(20px);color:#fff!important;cursor:pointer!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;background:linear-gradient(135deg,#1e202cf5 0%,#0a0b0ffa 100%)!important;border:1.5px solid #ffffff4d!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:62px!important;height:62px!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s!important;display:flex!important;position:relative!important;box-shadow:0 14px 40px #000c,0 0 30px #ffffff29,inset 0 1px 2px #ffffff80!important}.chatbot-trigger:hover{border-color:#fff9!important;transform:scale(1.1)translateY(-4px)!important;box-shadow:0 20px 50px #000000e6,0 0 40px #ffffff40,inset 0 1px 2px #ffffffb3!important}.chatbot-trigger.active{background:linear-gradient(135deg,#181922fa 0%,#08090c 100%)!important;border-color:#ffffff73!important;box-shadow:0 10px 30px #000c,0 0 25px #ffffff26!important}.chatbot-icon-spin{animation:.25s cubic-bezier(.16,1,.3,1) iconSpinIn}.chatbot-icon-pulse{animation:.25s cubic-bezier(.16,1,.3,1) iconFadeIn}@keyframes iconSpinIn{0%{opacity:0;transform:rotate(-90deg)scale(.7)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes iconFadeIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.chatbot-unread-badge{color:#fff;border:2px solid var(--bg);background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 0 12px #ef4444b3}.chatbot-window{-webkit-backdrop-filter:blur(24px);transform-origin:100% 100%;background:#0e0f14e0;border:1px solid #ffffff2e;border-radius:22px;flex-direction:column;width:395px;height:540px;max-height:calc(85vh - 70px);animation:.35s cubic-bezier(.16,1,.3,1) forwards chatPopup;display:flex;position:absolute;bottom:78px;right:0;overflow:hidden;box-shadow:0 28px 70px #000000e6,0 0 50px #ffffff14,inset 0 1px 1px #ffffff59}@keyframes chatPopup{0%{opacity:0;transform:scale(.85)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.chatbot-header{background:#14161ed9;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chatbot-avatar-container{align-items:center;gap:12px;display:flex}.chatbot-avatar{color:#fff;background:linear-gradient(135deg,#fff3 0%,#ffffff0d 100%);border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 16px #0000004d}.chatbot-title-info h4{color:#fff;letter-spacing:-.2px;margin:0 0 3px;font-size:.95rem;font-weight:800}.chatbot-status{color:#94a3b8;align-items:center;gap:7px;font-size:.72rem;font-weight:500;display:flex}.chatbot-status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite livePulse;box-shadow:0 0 10px #10b981}.chatbot-header-actions{align-items:center;gap:8px;display:flex}.chatbot-action-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex}.chatbot-action-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff4d;transform:scale(1.08)}.chatbot-body{scroll-behavior:smooth;background:#0a0b0f66;flex-direction:column;flex:1;gap:16px;padding:18px 20px;display:flex;overflow-y:auto}.chatbot-body::-webkit-scrollbar{width:5px}.chatbot-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.chatbot-msg-row{align-items:flex-start;gap:10px;max-width:88%;display:flex}.chatbot-msg-row.user-row{flex-direction:row-reverse;align-self:flex-end}.chatbot-msg-row.bot-row{align-self:flex-start}.chatbot-msg-avatar{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.chatbot-msg-bubble{word-break:break-word;border-radius:16px;padding:13px 16px;font-size:.86rem;line-height:1.6;position:relative}.bot-row .chatbot-msg-bubble{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff1f;border-top-left-radius:4px;box-shadow:0 4px 18px #00000040}.user-row .chatbot-msg-bubble{color:#000;background:#fff;border-top-right-radius:4px;font-weight:500;box-shadow:0 6px 20px #fff3}.chatbot-footer{background:#12141ad9;border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:14px 18px;display:flex}.chatbot-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;outline:none;flex:1;padding:11px 16px;font-family:inherit;font-size:.88rem;transition:all .25s}.chatbot-input:focus{background:#ffffff14;border-color:#fff6;box-shadow:0 0 16px #ffffff14}.chatbot-send-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex;box-shadow:0 4px 14px #ffffff40}.chatbot-send-btn:hover:not(:disabled){background:#e2e8f0;transform:scale(1.06);box-shadow:0 6px 18px #fff6}@media (width<=1024px){.chatbot-wrapper{z-index:9999999!important;visibility:visible!important;display:block!important;bottom:24px!important;right:24px!important}.chatbot-trigger{visibility:visible!important;width:58px!important;height:58px!important;display:flex!important}}@media (width<=640px){.chatbot-wrapper{z-index:9999999!important;visibility:visible!important;display:block!important;bottom:20px!important;right:20px!important}.chatbot-trigger{visibility:visible!important;width:54px!important;height:54px!important;display:flex!important}.chatbot-window{z-index:9999999!important;border-radius:18px!important;width:auto!important;height:520px!important;max-height:calc(100dvh - 100px)!important;position:fixed!important;bottom:84px!important;left:12px!important;right:12px!important}.about-grid{grid-template-columns:1fr;gap:40px}.about-visual{flex-direction:column;align-items:center;width:100%;margin-top:10px;display:flex;position:static;overflow:visible}.orbit-scene{width:290px;max-width:290px;height:290px;margin:0 auto 28px;position:relative}.orbit-center{width:90px;height:90px}.orbit-path.path-inner{width:180px;height:180px}.orbit-path.path-outer{width:260px;height:260px}.orbit-ring.ring-inner{width:180px;height:180px;margin-top:-90px;margin-left:-90px}.orbit-ring.ring-outer{width:260px;height:260px;margin-top:-130px;margin-left:-130px}.ring-inner .orbit-icon{animation:22s linear infinite counterSpinInnerMobile}.ring-outer .orbit-icon{animation:35s linear infinite reverse counterSpinOuterMobile}.orbit-icon{border-radius:9px;width:38px;height:38px;margin-top:-19px;margin-left:-19px}.orbit-icon i{font-size:.85rem}.orbit-icon span{font-size:.44rem}.about-facts{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px;margin:0 auto;display:grid}.fact-card{border-radius:14px;gap:10px;padding:14px 12px}.fact-icon{width:36px;height:36px;font-size:.95rem}.fact-num{font-size:1.25rem}.fact-label{font-size:.68rem}}@keyframes counterSpinInnerMobile{0%{transform:rotate(var(--angle)) translateX(90px) rotate(calc(-1 * var(--angle) - 0deg))}to{transform:rotate(calc(var(--angle) + 360deg)) translateX(90px) rotate(calc(-1 * var(--angle) - 360deg))}}@keyframes counterSpinOuterMobile{0%{transform:rotate(var(--angle)) translateX(130px) rotate(calc(-1 * var(--angle) + 0deg))}to{transform:rotate(calc(var(--angle) - 360deg)) translateX(130px) rotate(calc(-1 * var(--angle) + 360deg))}}