@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap";:root{--bg:#000000;--text:#e9eef4;--accent:#f4a02a;--pill:#f1f1f1;--border:rgba(255,255,255,.08)}.nav{position:fixed;top:0;left:0;right:0;z-index:1100;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 8px 28px #00000059}body{padding-top:70px}.nav__row{max-width:1200px;margin:0 auto;padding:22px 24px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;position:relative}.brand{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;z-index:1002}.brand-l{color:var(--accent);font-weight:800;letter-spacing:.3px}.brand-t{color:#cfd4db;font-weight:700}.brand .brand-l,.brand .brand-t{font-size:clamp(22px,2.8vw,26px)}.nav__menu{display:flex;align-items:center;gap:32px;pointer-events:auto}.link{position:relative;color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.2px;text-transform:uppercase;font-size:14px;display:inline-flex;align-items:center}.link .underline{position:absolute;left:0;right:0;bottom:-8px;margin:auto;width:0;height:3px;border-radius:2px;background:var(--accent);transition:width .25s ease}.link:hover .underline{width:32px}.link.is-active{color:var(--accent)}.link.is-active .underline{width:32px}.cta{justify-self:end;display:inline-flex;align-items:center;gap:10px;background:var(--pill);color:#111;font-weight:600;text-decoration:none;padding:12px 18px;border-radius:10px;border:1px solid #e7e7e7;box-shadow:0 2px 8px #0000001f;transition:transform .06s ease;z-index:1002}.cta:hover{transform:translateY(-1px)}.cta-mobile{display:none;justify-content:center;align-items:center;gap:10px;background:var(--pill);color:#111;font-weight:600;text-decoration:none;padding:14px 20px;border-radius:10px;border:1px solid #e7e7e7;box-shadow:0 2px 8px #0000001f;margin-top:20px;width:100%;text-align:center}.burger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:1002}.burger span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px;transition:all .3s ease;transform-origin:center}.burger-open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.burger-open span:nth-child(2){opacity:0}.burger-open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-overlay{position:fixed;inset:0;background:#00000080;z-index:1090}@media (max-width:940px){.nav__row{grid-template-columns:1fr auto 44px;padding:18px 20px}.burger{display:flex}.nav__menu{position:fixed;top:0;right:0;width:min(86vw,320px);height:100dvh;padding:calc(70px + env(safe-area-inset-top,0px)) 2rem 2rem;background:var(--bg);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;border-left:1px solid var(--border);box-shadow:-5px 0 25px #0000004d;z-index:1105;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .3s ease;will-change:transform;pointer-events:none}.nav__menu.nav__menu-open{transform:translate(0);pointer-events:auto}.link{width:100%;padding:1rem 0;font-size:15px;border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between}.link:last-child{border-bottom:none;margin-bottom:1rem}.underline,.cta.desktop-only{display:none}.cta-mobile{display:flex}}@media (max-width:480px){.nav__row{padding:16px 15px}.brand .brand-l,.brand .brand-t{font-size:20px}.link{padding:1.2rem 0;font-size:16px}}@media (min-width:941px) and (max-width:1024px){.nav__row{padding:20px 30px}.nav__menu{gap:24px}.link{font-size:13px}}.nav-scrolled{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.menu-open{overflow:hidden}.footer-section{background:linear-gradient(135deg,#000,#0a0a0a,#000);color:#fff;padding:70px 0 25px;position:relative;overflow:hidden;border-top:1px solid #1f2937}.footer-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#f59e0b 25%,#d97706 50%,#f59e0b 75%,transparent 100%);animation:footerShimmer 3s ease-in-out infinite}.footer-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(245,158,11,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(217,119,6,.02) 0%,transparent 50%);pointer-events:none}@keyframes footerShimmer{0%,to{opacity:.5}50%{opacity:1}}.footer-wrapper{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:1fr 1.8fr;gap:60px;margin-bottom:40px;align-items:start}.footer-about{display:flex;flex-direction:column;gap:20px}.company-logo{display:flex;align-items:center;gap:8px;font-size:2.2rem;font-weight:800;position:relative;margin-bottom:5px}.company-logo:before{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2px}.logo-main{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.logo-highlight{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.company-info{color:#d1d5db;line-height:1.6;font-size:.95rem;max-width:300px;font-weight:300;letter-spacing:.2px;margin:10px 0}.social-container{display:flex;gap:12px;margin-top:15px}.social-item{width:42px;height:42px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#f59e0b;text-decoration:none;transition:all .3s ease;border:1px solid #374151;position:relative;overflow:hidden}.social-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.social-item:hover:before{left:100%}.social-item:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;transform:translateY(-3px);box-shadow:0 8px 20px #f59e0b4d;border-color:#f59e0b}.social-item svg{width:18px;height:18px;transition:transform .3s ease}.social-item:hover svg{transform:scale(1.1)}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.nav-column{display:flex;flex-direction:column;gap:18px}.nav-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:5px;position:relative;padding-bottom:10px}.nav-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2px;transition:width .3s ease}.nav-column:hover .nav-title:after{width:40px}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.nav-link{color:#d1d5db;text-decoration:none;font-size:.9rem;transition:all .3s ease;padding:6px 0;position:relative;font-weight:400;letter-spacing:.1px}.nav-link:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%) scale(0);width:5px;height:5px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;transition:all .3s ease}.nav-link:hover{color:#f59e0b;transform:translate(5px)}.nav-link:hover:before{transform:translateY(-50%) scale(1);left:-10px}.footer-separator{height:1px;background:linear-gradient(90deg,transparent 0%,#374151 20%,#4b5563 50%,#374151 80%,transparent 100%);margin:30px 0;position:relative}.footer-separator:after{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2px}.footer-base{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;position:relative}.copyright-text{color:#9ca3af;font-size:.85rem;font-weight:300;letter-spacing:.3px}.legal-nav{display:flex;gap:25px}.legal-item{color:#9ca3af;text-decoration:none;font-size:.8rem;transition:all .3s ease;position:relative;font-weight:400;padding:4px 0}.legal-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(135deg,#f59e0b,#d97706);transition:width .3s ease}.legal-item:hover{color:#f59e0b}.legal-item:hover:after{width:100%}.legal-item:not(:last-child):before{content:"•";position:absolute;right:-15px;color:#4b5563;font-weight:300}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr 1.5fr;gap:50px}.footer-nav{gap:30px}.company-logo{font-size:2rem}}@media (max-width: 768px){.footer-section{padding:50px 0 20px}.footer-main{grid-template-columns:1fr;gap:40px}.footer-nav{grid-template-columns:repeat(2,1fr);gap:30px}.footer-base{flex-direction:column;gap:15px;text-align:center}.legal-nav,.company-logo{justify-content:center}.company-logo:before{left:50%;transform:translate(-50%)}.company-info{text-align:center;margin:10px auto}.social-container{justify-content:center}}@media (max-width: 640px){.footer-nav{grid-template-columns:1fr;gap:25px}.footer-main{gap:35px}.nav-column{text-align:center;gap:15px}.nav-title:after{left:50%;transform:translate(-50%)}.nav-link:hover{transform:translate(0)}.nav-link:before{display:none}.legal-nav{flex-direction:column;gap:12px}.legal-item:not(:last-child):before{display:none}}@media (max-width: 480px){.footer-section{padding:40px 0 15px}.company-logo{font-size:1.8rem}.footer-nav{gap:20px}.nav-list{gap:8px}}.nav-link:focus,.social-item:focus,.legal-item:focus{outline:2px solid #f59e0b;outline-offset:2px;border-radius:4px}.nav-link,.social-item,.legal-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.mk-social{display:flex;gap:14px;align-items:center;margin-top:14px}.mk-social-item{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#f59e0b;border:1px solid #f59e0b;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.mk-social-item .mk-social-icon,.mk-social-item .mk-social-icon *{fill:currentColor!important;stroke:currentColor!important}.mk-social-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #f59e0b40;border-color:#d97706;background:#fff7e6;color:#d97706}.mk-social-icon{width:20px;height:20px;display:block}:root{--accent:#f4a02a;--ink:#262626}html,body{height:100%}html,body{overflow-x:hidden}.hero{position:relative;min-height:100vh;min-height:100svh}@supports (height: 100dvh){.hero{min-height:100dvh}}.hero{display:grid;place-items:center;isolation:isolate;padding-inline:16px;overflow:hidden}.hero__bg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;z-index:-2;filter:saturate(110%) contrast(105%);pointer-events:none}.hero__overlay{position:absolute;z-index:-1;background:radial-gradient(120% 120% at 70% 20%,#00000026,#00000073 70%,#000000a6),linear-gradient(180deg,#00000040,#0000008c)}.hero__wrap{width:min(1100px,96vw);margin-inline:auto;text-align:left;color:#fff}.eyebrou{margin:0 0 14px;letter-spacing:.12em;font-weight:700;color:var(--accent);font-size:clamp(12px,1.4vw,16px);text-transform:uppercase}.titla{margin:0 0 26px;line-height:1.05;color:#fff;font-weight:800;letter-spacing:.2px;font-size:clamp(28px,6.2vw,72px)}.titla .accent{color:var(--accent);display:inline-block;text-shadow:0 2px 12px rgba(0,0,0,.35)}.cursor{display:inline-block;width:1ch;color:#ffffffb3;animation:blink 1.1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.cta{display:inline-flex;align-items:center;gap:10px;background:#1f1f1f;color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;box-shadow:0 8px 24px #00000040;font-weight:600;border:1px solid rgba(255,255,255,.1);transition:transform .06s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px #00000052}@media (max-width: 920px){.hero{min-height:90dvh}.titla{font-size:clamp(26px,7.5vw,56px);line-height:1.08}}@media (max-width: 560px){.hero{min-height:86dvh}.hero__wrap{width:100%}.eyebrou{margin-bottom:10px}.titla{font-size:clamp(24px,8.2vw,44px)}.cta{padding:11px 16px}}@media (prefers-reduced-motion: reduce){.cursor{animation:none}}.hero{min-height:100svh;box-sizing:border-box}@supports (height: 100dvh){.hero{min-height:calc(100dvh + 1px)}}.hero__bg{display:block}.hero+*{margin-top:0}:root{--header-h: 64px}@supports (height: 100dvh){.hero{min-height:calc(100dvh - var(--header-h) + 1px)}}:root{--ax-orange:#f59e0b;--ax-orange-d:#d97706;--ax-black:#0c0f14;--ax-ink:#111827;--ax-body:#374151;--ax-sub:#475569;--ax-white:#ffffff;--ax-card:#ffffff;--ax-br:14px;--ax-border:rgba(245,158,11,.26);--ax-shadow:0 10px 24px rgba(0,0,0,.06);--ax-shadow-strong:0 20px 40px rgba(245,158,11,.18)}.ax-bg{background:var(--ax-white)}.ax-shell{padding:84px 0;position:relative;overflow:hidden}.ax-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(245,158,11,.05) 0%,transparent 55%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.03) 0%,transparent 55%);pointer-events:none}.ax-container{max-width:1200px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.ax-left{opacity:0;transform:translate(-48px)}.ax-right{opacity:0;transform:translate(48px)}.ax-reveal-left{opacity:1;transform:translate(0);transition:all .8s ease}.ax-reveal-right{opacity:1;transform:translate(0);transition:all .9s ease .1s}.ax-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--ax-orange),var(--ax-orange-d));color:#fff;padding:8px 18px;border-radius:999px;font-weight:800;letter-spacing:.6px;box-shadow:0 10px 24px #f59e0b47}.ax-dot{width:8px;height:8px;border-radius:50%;background:#fff;display:inline-block;animation:axPulse 1.8s infinite}@keyframes axPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}.ax-title{margin:14px 0 10px;font-size:2.6rem;line-height:1.18;font-weight:900;color:var(--ax-ink)}.ax-grad{background:linear-gradient(135deg,var(--ax-orange),var(--ax-orange-d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ax-lead{font-size:1.06rem;line-height:1.75;color:var(--ax-body);margin-bottom:26px}.ax-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.ax-stat{background:var(--ax-card);border:1px solid var(--ax-border);border-radius:12px;box-shadow:var(--ax-shadow);text-align:center;padding:14px}.ax-stat-num{color:var(--ax-orange);font-weight:900;font-size:1.34rem;margin-bottom:2px}.ax-stat-label{color:var(--ax-sub);font-weight:700;font-size:.84rem}.ax-list{margin-bottom:28px}.ax-item{display:flex;gap:16px;align-items:flex-start;padding:18px;margin-bottom:14px;background:var(--ax-card);border:1px solid var(--ax-border);border-radius:16px;box-shadow:var(--ax-shadow);opacity:0;transform:translateY(18px)}.ax-item-in{opacity:1;transform:translateY(0);transition:all .55s ease}.ax-ico{width:56px;height:56px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ax-orange);background:linear-gradient(135deg,#f59e0b1f,#d977061f);border:1px solid rgba(245,158,11,.35);font-size:1.2rem;transition:all .25s ease}.ax-item:hover .ax-ico{background:linear-gradient(135deg,var(--ax-orange),var(--ax-orange-d));color:#fff;transform:scale(1.05);border-color:var(--ax-orange)}.ax-item-txt h3{margin:0 0 6px;font-size:1.14rem;font-weight:800;color:var(--ax-ink)}.ax-item-txt p{margin:0;font-size:.96rem;color:var(--ax-sub);line-height:1.55}.ax-item:hover .ax-item-txt h3{color:var(--ax-orange)}.ax-cta{display:flex;gap:12px}.ax-btn{position:relative;overflow:hidden;cursor:pointer;border:none;border-radius:12px;font-weight:900;padding:12px 22px;font-size:.98rem;display:flex;align-items:center;gap:8px;transition:transform .25s ease,box-shadow .25s ease,color .25s ease,background .25s ease}.ax-btn:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:transform .5s ease}.ax-btn:hover:after{transform:translate(100%)}.ax-btn-primary{background:linear-gradient(135deg,var(--ax-orange),var(--ax-orange-d));color:#fff;box-shadow:0 12px 28px #f59e0b52}.ax-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #f59e0b6b}.ax-btn-outline{background:var(--ax-white);color:var(--ax-orange);border:2px solid var(--ax-orange)}.ax-btn-outline:hover{background:var(--ax-orange);color:#fff;transform:translateY(-2px)}.ax-arrow{transition:transform .22s ease}.ax-btn-primary:hover .ax-arrow{transform:translate(4px)}.ax-frame{position:relative}.ax-media{width:100%;height:500px;object-fit:cover;border-radius:22px;border:1px solid var(--ax-border);background:#fff;box-shadow:0 24px 60px #0000001a;animation:axFloat 6s ease-in-out infinite}@keyframes axFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ax-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;pointer-events:none;background:radial-gradient(circle,rgba(245,158,11,.12) 0%,transparent 70%);animation:axPulseGlow 4s ease-in-out infinite}@keyframes axPulseGlow{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.06)}}.ax-float{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;font-weight:800;font-size:.86rem;background:#fff;color:var(--ax-ink);border:1px solid var(--ax-border);box-shadow:0 12px 28px #0000001f;animation:axFloat 3s ease-in-out infinite}.ax-ficon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ax-orange),var(--ax-orange-d));color:#fff;font-size:.8rem}.ax-f1{top:30px;right:-10px}.ax-f2{bottom:98px;left:-15px;animation-delay:.5s}.ax-f3{bottom:28px;right:-20px;animation-delay:1s}.ax-caps{padding-top:40px}.ax-head{text-align:center;max-width:760px;margin:0 auto 24px;opacity:0;transform:translateY(20px)}.ax-head h2{font-size:2rem;color:var(--ax-ink);margin-bottom:10px;font-weight:900}.ax-head p{color:var(--ax-body);font-size:1rem;line-height:1.6}.ax-head-in{opacity:1;transform:translateY(0);transition:all .6s ease}.ax-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;opacity:0;transform:translateY(20px)}.ax-grid-in{opacity:1;transform:translateY(0);transition:all .6s ease}.ax-card{background:var(--ax-card);border:1px solid var(--ax-border);border-radius:16px;box-shadow:var(--ax-shadow);padding:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ax-card:hover{transform:translateY(-6px);box-shadow:var(--ax-shadow-strong);border-color:var(--ax-orange)}.ax-card-ico{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ax-orange);background:linear-gradient(135deg,#f59e0b1f,#d977061f);border:1px solid rgba(245,158,11,.35);font-size:1.2rem;margin-bottom:10px}.ax-card-title{font-size:1.06rem;font-weight:900;color:var(--ax-ink);margin:0 0 6px}.ax-card-desc{font-size:.95rem;color:var(--ax-sub);line-height:1.55;margin:0}@media (max-width: 1024px){.ax-container{grid-template-columns:1fr;gap:44px}.ax-media{height:420px}.ax-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ax-shell{padding:64px 0}.ax-title{font-size:2.2rem}.ax-cta{flex-direction:column}.ax-float{display:none}}@media (max-width: 560px){.ax-title{font-size:1.9rem}.ax-stats{grid-template-columns:1fr 1fr}.ax-grid{grid-template-columns:1fr}.ax-item{flex-direction:column;text-align:center}.ax-ico{margin:0 auto}}:root{--font-base:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans";--text:#fff;--muted:#ccc;--gold:#e3a245}html,body{font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.services a{text-decoration:none!important}.services{padding:4.5rem 0;background:#000;position:relative;overflow:hidden;color:var(--text)}.services__bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(227,162,69,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(227,162,69,.06) 0%,transparent 50%);pointer-events:none}.wrap{max-width:1280px;margin:0 auto;padding:0 1.25rem;position:relative;z-index:2}.eyebrou{font-size:.825rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:1rem;display:inline-block;background:#e3a2451a;padding:.5rem 1rem;border-radius:25px;border:1px solid rgba(227,162,69,.2);text-decoration:none}.services__title{font-size:clamp(1.9rem,3.2vw,3rem);font-weight:800;letter-spacing:.2px;line-height:1.08;margin-bottom:1rem;color:#fff;background:linear-gradient(135deg,#fff 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.services__title .accent{color:var(--gold);-webkit-text-fill-color:var(--gold)}.services__lead{font-size:1.04rem;font-weight:400;color:var(--muted);line-height:1.6;max-width:680px}.services__lead strong{color:var(--gold);font-weight:700;text-decoration:none}.coverflow-wrapper{position:relative;max-width:1280px;margin:3rem auto 0;padding:0 1.25rem}.coverflow-track{position:relative;height:520px;perspective:1400px;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;overflow:visible}.svc__card{background:linear-gradient(145deg,#1a1a1a,#262626);border-radius:20px;border:1px solid #2e2e2e;color:#fff;width:360px;max-width:90vw;height:480px;position:absolute;top:50%;transform-origin:center center;opacity:0;transform:translateY(calc(-50% + 60px));transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .55s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05;text-decoration:none}.svc__card.card--visible{opacity:1;transform:translateY(-50%)}.cf-active{background:linear-gradient(145deg,#0f0f0f,#1a1a1a);border-color:var(--gold);box-shadow:0 26px 52px #e3a24533,0 0 0 1px #e3a24524}.card__content{padding:1.5rem 1.25rem;height:100%;display:flex;flex-direction:column;position:relative;z-index:2}.card__glow{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .3s ease}.svc__card:hover .card__glow{opacity:1}.card__hover{position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,transparent,rgba(227,162,69,.12),transparent);transition:left .6s ease}.svc__card:hover .card__hover{left:100%}.svc__icon{margin-bottom:1rem}.icon__wrapper{width:58px;height:58px;border-radius:15px;background:linear-gradient(135deg,var(--gold) 0%,#d18c2c 100%);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 22px #e3a2452e}.icon__wrapper:before{content:"";position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .6s ease}.svc__card:hover .icon__wrapper:before{left:100%}.svc__icon svg{width:26px;height:26px}.svc__head{margin-bottom:.6rem}.svc__title{font-size:1.28rem;font-weight:800;line-height:1.25;margin-bottom:.28rem;color:#fff;letter-spacing:.2px;text-decoration:none}.svc__subtitle{font-size:.94rem;color:var(--gold);line-height:1.45;font-weight:600;text-decoration:none}.svc__list{list-style:none;padding:0;margin:.2rem 0 0}.svc__list li{display:flex;align-items:flex-start;gap:.7rem;padding:.42rem 0;font-size:.9rem;font-weight:500;color:#d6d6d6;line-height:1.5;transform:translate(-10px);opacity:0;animation:slideInListItem .42s ease forwards}@keyframes slideInListItem{to{transform:translate(0);opacity:1}}.tick{color:var(--gold);flex-shrink:0;margin-top:.1rem;background:#e3a2451f;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tick svg{width:12px;height:12px}.card__footer{margin-top:auto;display:flex;justify-content:flex-end;gap:.6rem;padding-top:.8rem}.btn{appearance:none;border:1px solid transparent;padding:.58rem .9rem;border-radius:12px;font-weight:800;letter-spacing:.2px;font-size:.92rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .15s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease;text-decoration:none}.btn__icon{transition:transform .2s ease}.btn--primary{background:linear-gradient(135deg,var(--gold),#d18c2c);color:#000;border-color:#e3a24559;box-shadow:0 10px 22px #e3a2452e}.btn--primary:hover{transform:translateY(-1px)}.btn--primary:hover .btn__icon{transform:translate(2px)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.slider-arrow--prev{left:6px}.slider-arrow--next{right:6px}.arrow-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--gold) 0%,#d18c2c 100%);opacity:0;transition:opacity .3s ease}.slider-arrow:hover{border-color:var(--gold);transform:translateY(-50%) scale(1.06)}.slider-arrow:hover .arrow-bg{opacity:1}.slider-arrow:hover svg{color:#000}.slider-arrow svg{position:relative;z-index:2;transition:color .3s ease}.slider-dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.4rem}.slider-dot{width:12px;height:12px;border-radius:6px;border:none;background:#ffffff38;cursor:pointer;transition:all .3s ease;padding:0;position:relative;overflow:hidden}.slider-dot--active{background:var(--gold);transform:scale(1.12)}.dot-progress{position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,var(--gold),#ffc107);transition:left .3s ease}.slider-dot--active .dot-progress{left:0}.slider-dot:hover{background:var(--gold);transform:scale(1.07)}.services__title,.services__lead{animation:fadeInUp .7s ease-out}.services__lead{animation-delay:.15s;animation-fill-mode:both}.card__link{display:block;text-decoration:none;color:inherit;height:100%}.card__link:hover{color:inherit;text-decoration:none}@media (max-width: 900px){.coverflow-track{height:500px}.svc__card{width:330px;height:480px}}@media (max-width: 640px){.services{padding:3.2rem 0}.services__title{font-size:1.7rem}.services__lead{font-size:1rem}.coverflow-track{height:auto;display:block}.cf__card{display:none;position:relative;top:auto;transform:none!important;opacity:1!important;width:92vw;height:auto;margin:0 auto 1rem;max-width:92vw}.cf__card.cf-active{display:block}.icon__wrapper{width:56px;height:56px}.svc__title{font-size:1.2rem}.svc__subtitle,.svc__list li{font-size:.92rem}.card__content{padding:1.25rem}.slider-arrow--prev{left:8px}.slider-arrow--next{right:8px}}:root{--ais-accent-1: #f59e0b;--ais-accent-2: #d97706;--ais-muted: #64748b;--ais-text: #0f1724;--ais-border: rgba(254,243,199,.95);--ais-ease: cubic-bezier(.2,.9,.2,1)}.aisvc-page{min-height:100vh;background:#fff;padding:80px 0;overflow:hidden;-webkit-font-smoothing:antialiased}.aisvc-container{max-width:1200px;margin:0 auto;padding:0 20px}.aisvc-hero{text-align:center;padding:60px 0 40px;margin-bottom:20px;opacity:0;transform:translateY(18px);transition:transform .7s var(--ais-ease),opacity .7s var(--ais-ease)}.aisvc-hero.ais-visible{opacity:1;transform:translateY(0)}.aisvc-hero-inner{display:inline-block;max-width:920px}.aisvc-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--ais-accent-1) 0%,var(--ais-accent-2) 100%);color:#fff;padding:10px 20px;border-radius:25px;font-weight:700;font-size:13px;box-shadow:0 6px 18px #f59e0b47;text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px}.aisvc-pulse{width:8px;height:8px;background:#fff;border-radius:50%;animation:ais-pulse 1.8s infinite}.aisvc-title{font-size:2.8rem;color:var(--ais-text);font-weight:800;margin:10px 0 6px;line-height:1.05;text-align:center}.aisvc-accent{display:block;background:linear-gradient(135deg,var(--ais-accent-1) 0%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.aisvc-sub{color:var(--ais-muted);max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.6;font-weight:500;text-align:center}.aisvc-services{padding:10px 0 20px;opacity:0;transform:translateY(18px);transition:transform .7s var(--ais-ease),opacity .7s var(--ais-ease)}.aisvc-services.ais-visible{opacity:1;transform:translateY(0)}.aisvc-header{text-align:center;margin-bottom:26px}.aisvc-section-title{font-size:2rem;font-weight:800;color:var(--ais-text);margin-bottom:8px}.aisvc-section-sub{color:var(--ais-muted);max-width:680px;margin:0 auto;font-weight:500}.aisvc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.aisvc-card{background:#fff;border-radius:16px;padding:22px;border:1px solid var(--ais-border);box-shadow:0 8px 24px #0206170f;min-height:320px;display:flex;flex-direction:column;position:relative;overflow:hidden;opacity:0;transform:translateY(18px) scale(.996);animation:ais-fadeUp .54s var(--ais-ease) both;animation-delay:var(--ais-delay, 0s);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform,box-shadow;cursor:pointer;outline:none}.aisvc-card.ais-visible,.aisvc-card.ais-visible[data-ais-animate]{opacity:1;transform:translateY(0) scale(1)}.aisvc-card:hover,.aisvc-card:focus,.aisvc-card:active{transform:translateY(-8px) scale(1.01);border-color:var(--ais-accent-1);box-shadow:0 22px 42px #f59e0b1f,0 8px 30px #02061714}.aisvc-card:active{transform:translateY(-4px) scale(.998)}.aisvc-glow{position:absolute;top:-10%;left:-60%;width:220%;height:120%;background:linear-gradient(90deg,transparent,rgba(245,158,11,.06),transparent);transform:translate(-10%);transition:transform .7s var(--ais-ease);pointer-events:none}.aisvc-card:hover .aisvc-glow,.aisvc-card.ais-visible .aisvc-glow{transform:translate(0)}.aisvc-card-top{display:flex;gap:12px;align-items:center;margin-bottom:14px}.aisvc-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--ais-accent-1) 0%,var(--ais-accent-2) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;box-shadow:0 6px 18px #f59e0b47;flex-shrink:0}.aisvc-card-title{font-size:1.1rem;font-weight:700;color:var(--ais-text);margin:0;line-height:1.25}.aisvc-desc{color:var(--ais-muted);font-size:.98rem;margin-bottom:14px;line-height:1.5;font-weight:500;flex-grow:1}.aisvc-list{list-style:none;padding:0;margin:0 0 12px}.aisvc-list li{display:flex;gap:8px;align-items:center;padding:6px 0;color:#475569;font-weight:500;font-size:.95rem}.aisvc-check{color:var(--ais-accent-1);font-weight:700;font-size:1.05rem}.aisvc-feature{display:inline-block}.aisvc-cta{background:linear-gradient(135deg,#f8fafc,#fff,#f8fafc);border-radius:16px;padding:36px 28px;text-align:center;margin-top:36px;border:1px solid var(--ais-border);box-shadow:0 12px 36px #0206170f;opacity:0;transform:translateY(18px);transition:transform .7s var(--ais-ease),opacity .7s var(--ais-ease)}.aisvc-cta.ais-visible{opacity:1;transform:translateY(0)}.aisvc-cta-title{font-size:1.6rem;font-weight:800;color:var(--ais-text);margin-bottom:12px}.aisvc-cta-sub{color:var(--ais-muted);font-size:1rem;margin-bottom:18px;max-width:560px;margin-left:auto;margin-right:auto;font-weight:500;text-align:center}.aisvc-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.aisvc-btn{padding:12px 22px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .25s ease}.aisvc-btn-primary{background:linear-gradient(135deg,var(--ais-accent-1) 0%,var(--ais-accent-2) 100%);color:#fff;box-shadow:0 8px 24px #f59e0b42}.aisvc-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 38px #d9770647}.aisvc-btn-outline{background:transparent;color:var(--ais-accent-2);border:2px solid var(--ais-accent-1);padding:10px 18px}.aisvc-btn-outline:hover{background:var(--ais-accent-1);color:#fff}@keyframes ais-fadeUp{0%{opacity:0;transform:translateY(16px) scale(.996)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ais-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.18)}}[data-ais-animate]{opacity:0;transform:translateY(16px)}[data-ais-animate].ais-visible{opacity:1;transform:translateY(0);transition:opacity .6s var(--ais-ease),transform .6s var(--ais-ease)}@media (max-width: 1024px){.aisvc-grid{grid-template-columns:repeat(2,1fr)}.aisvc-title{font-size:2.2rem}.aisvc-section-title{font-size:1.8rem}}@media (max-width: 768px){.aisvc-page{padding:48px 0}.aisvc-grid{grid-template-columns:1fr}.aisvc-title{font-size:1.8rem}.aisvc-section-title{font-size:1.4rem}.aisvc-card{min-height:auto;padding:18px}.aisvc-card-top{flex-direction:column;gap:10px;text-align:center}.aisvc-card-title,.aisvc-desc{text-align:center}.aisvc-feature{text-align:left;width:calc(100% - 28px)}.aisvc-cta{padding:28px 18px}.aisvc-cta-actions{flex-direction:column}.aisvc-btn{width:100%;max-width:320px}}@media (max-width: 420px){.aisvc-title{font-size:1.5rem}.aisvc-icon{width:50px;height:50px}}:root{--orange-500: #f59e0b;--orange-600: #d97706;--orange-400: #fbbf24;--orange-300: #fcd34d;--orange-200: #fed7aa;--orange-100: #ffedd5;--orange-50: #fffbeb;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-card: #1f1f1f;--bg-card-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-primary: #333333;--border-secondary: #404040;--border-orange: rgba(245, 158, 11, .3)}.c-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:100px 0;position:relative;overflow:hidden}.c-section:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 5% 5%,rgba(245,158,11,.12),transparent 70%),radial-gradient(700px 350px at 95% 95%,rgba(245,158,11,.08),transparent 70%);pointer-events:none}.c-wrap{width:min(1200px,92%);margin:0 auto;position:relative;z-index:2}.c-head{text-align:center;margin-bottom:60px}.c-head__inner{opacity:0;transform:translateY(20px);transition:.8s cubic-bezier(.22,.61,.36,1)}.c-head__inner.is-in{opacity:1;transform:none}.c-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;padding:10px 22px;border-radius:999px;font-weight:800;letter-spacing:.1em;font-size:.8rem;box-shadow:0 12px 28px #f59e0b59,0 4px 12px #00000080;text-transform:uppercase;margin-bottom:8px}.c-badge__dot{width:10px;height:10px;border-radius:999px;background:#fff;box-shadow:0 0 #ffffffe6;animation:c-pulse 2s infinite}@keyframes c-pulse{0%{box-shadow:0 0 #ffffffe6}70%{box-shadow:0 0 0 14px #fff0}to{box-shadow:0 0 #fff0}}.c-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:var(--text-primary);margin:24px 0 16px;line-height:1.1;letter-spacing:-.02em}.c-title__accent{background:linear-gradient(135deg,var(--orange-400),var(--orange-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.c-sub{color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.2rem);max-width:720px;margin:0 auto;line-height:1.7;opacity:.9;font-weight:500}.c-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:40px;align-items:start}@media (max-width: 980px){.c-grid{grid-template-columns:1fr;gap:30px}}.c-info__card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:24px;padding:32px;box-shadow:0 20px 40px #0000004d,0 8px 16px #0003;opacity:0;transform:translateY(20px);transition:.8s cubic-bezier(.22,.61,.36,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.c-info__card.is-in{opacity:1;transform:none}.c-info__head h2{font-size:1.8rem;font-weight:900;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.c-info__desc{color:var(--text-secondary);line-height:1.7;font-size:1.05rem;opacity:.9}.c-info__list{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media (max-width: 720px){.c-info__list{grid-template-columns:1fr}}.c-info__item{position:relative;background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:20px;padding:22px 20px;display:flex;gap:16px;align-items:flex-start;overflow:hidden;box-shadow:0 8px 24px #0000004d;transform:translateY(16px);opacity:0;animation:c-rise .6s ease forwards;transition:all .3s cubic-bezier(.22,.61,.36,1)}@keyframes c-rise{to{transform:none;opacity:1}}.c-info__item:hover{border-color:var(--orange-500);background:var(--bg-card-hover);box-shadow:0 20px 40px #f59e0b33,0 8px 16px #f59e0b1a;transform:translateY(-4px)}.c-info__iconWrap{flex-shrink:0;width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;box-shadow:0 12px 28px #f59e0b4d,0 4px 12px #0006;transition:transform .3s ease}.c-info__item:hover .c-info__iconWrap{transform:scale(1.1) rotate(5deg)}.c-icon{width:28px;height:28px;display:block}.c-info__content h3{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:2px 0 8px;letter-spacing:-.01em}.c-info__text{color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin-bottom:4px}.c-info__link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:800;color:var(--orange-400);text-decoration:none;position:relative;font-size:.9rem;transition:all .3s ease}.c-info__link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:currentColor;transform:scaleX(.2);transform-origin:left;transition:transform .3s ease}.c-info__link:hover:after{transform:scaleX(1)}.c-info__arrow{transition:transform .3s ease}.c-info__link:hover .c-info__arrow{transform:translate(6px)}.c-info__glow{position:absolute;inset:0;background:radial-gradient(160px 80px at 0% 0%,rgba(245,158,11,.15),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.c-info__item:hover .c-info__glow{opacity:1}.c-form__card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:24px;padding:32px;box-shadow:0 24px 48px #0006,0 12px 24px #0000004d;opacity:0;transform:translateY(20px);transition:.8s cubic-bezier(.22,.61,.36,1) .1s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.c-form__card.is-in{opacity:1;transform:none}.c-form__head{margin-bottom:20px}.c-form__badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;font-weight:800;font-size:.8rem;padding:8px 16px;border-radius:999px;box-shadow:0 12px 28px #f59e0b59,0 4px 12px #00000080;text-transform:uppercase}.c-form__dot{width:8px;height:8px;border-radius:999px;background:#fff}.c-form__head h3{margin:16px 0 8px;font-size:1.5rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.c-form__head p{color:var(--text-secondary);line-height:1.6;font-size:1.05rem;opacity:.9}.c-form__body{margin-top:16px}.c-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.c-row{grid-template-columns:1fr}}.c-field{display:flex;flex-direction:column;gap:10px;margin-top:16px}.c-field label{font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:6px;font-size:.95rem;letter-spacing:-.01em}.c-req{width:6px;height:6px;border-radius:999px;background:var(--orange-500);box-shadow:0 0 0 2px #f59e0b4d}.c-input,.c-select__el,.c-textarea{width:100%;border:2px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);border-radius:14px;padding:14px 16px;font-size:1rem;transition:all .3s cubic-bezier(.22,.61,.36,1);outline:none;font-family:inherit}.c-input::placeholder,.c-textarea::placeholder{color:var(--text-muted);font-size:.95rem}.c-input:focus,.c-select__el:focus,.c-textarea:focus{border-color:var(--orange-500);background:var(--bg-card);box-shadow:0 0 0 4px #f59e0b33,0 8px 16px #0000004d;transform:translateY(-2px)}.c-select{position:relative}.c-select__el{background:var(--bg-secondary);color:var(--text-primary);appearance:none;-webkit-appearance:none}.c-select__arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);font-size:.8rem;transition:transform .3s ease}.c-select:hover .c-select__arrow{transform:translateY(-50%) rotate(180deg)}.c-textarea{resize:vertical;min-height:150px;line-height:1.5;background:var(--bg-secondary);color:var(--text-primary)}.c-submit{margin-top:24px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;border:none;border-radius:16px;padding:18px 24px;font-weight:900;letter-spacing:.03em;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 16px 32px #f59e0b59,0 8px 16px #0006;transition:all .3s cubic-bezier(.22,.61,.36,1);font-size:1.05rem;text-transform:uppercase}.c-submit:hover{transform:translateY(-3px);box-shadow:0 24px 48px #f59e0b66,0 12px 24px #00000080}.c-submit:active{transform:translateY(-1px) scale(.995)}.c-submit__icon svg{width:22px;height:22px;transition:transform .3s ease}.c-submit:hover .c-submit__icon svg{transform:translate(4px)}.c-submit__glow{content:"";position:absolute;inset:0;background:radial-gradient(160px 80px at 0% 0%,rgba(255,255,255,.4),transparent 50%),radial-gradient(240px 120px at 100% 100%,rgba(255,255,255,.25),transparent 60%);opacity:.9;mix-blend-mode:overlay;pointer-events:none;transition:transform .5s ease}.c-submit:hover .c-submit__glow{transform:scale(1.05)}@media (max-width: 768px){.c-section{padding:60px 0}.c-info__card,.c-form__card{padding:24px;border-radius:20px}.c-title{font-size:1.8rem}.c-badge,.c-form__badge{font-size:.75rem;padding:8px 16px}}@media (max-width: 480px){.c-section{padding:40px 0}.c-info__card,.c-form__card{padding:20px;border-radius:16px}.c-title{font-size:1.6rem}.c-info__item{padding:18px 16px}.c-info__iconWrap{width:50px;height:50px}.c-icon{width:24px;height:24px}}.c-input:focus-visible,.c-select__el:focus-visible,.c-textarea:focus-visible,.c-submit:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}::selection{background:#f59e0b4d;color:#fff}::-moz-selection{background:#f59e0b4d;color:#fff}.experts-pege{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);color:#fff;font-family:Inter,Segoe UI,sans-serif;position:relative}.hero-section{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.hero-content{max-width:900px}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,#fff,#a8b2d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;color:#a8b2d1;max-width:700px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat-number{display:block;font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#a8b2d1;font-weight:500}.main-content{padding:2rem 1rem;max-width:1200px;margin:0 auto}.team-section{margin-bottom:4rem}.featured-section{margin-bottom:5rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a8b2d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.1rem;color:#a8b2d1;max-width:600px;margin:0 auto;line-height:1.6}.experts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 .5rem}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.expert-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #0003}.expert-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d;border-color:#667eea4d}.featured-card{background:linear-gradient(135deg,#667eea26,#764ba226);border:2px solid rgba(102,126,234,.3)}.expert-image-container{width:140px;height:140px;margin:0 auto 1.5rem}.featured-card .expert-image-container{width:160px;height:160px}.expert-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid rgba(102,126,234,.3);transition:all .3s ease}.expert-card:hover .expert-img{border-color:#667eea;transform:scale(1.05)}.expert-info{display:flex;flex-direction:column;gap:.75rem}.expert-name{font-size:1.4rem;font-weight:700;color:#fff;margin:0}.featured-card .expert-name{font-size:1.6rem}.expert-role{font-size:1rem;color:#f0a535;font-weight:600;margin:0}.featured-card .expert-role{font-size:1.1rem}.expert-description{font-size:.9rem;line-height:1.5;color:#a8b2d1;margin:.5rem 0;min-height:60px}.expert-buttons{display:flex;gap:.75rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.profile-btn,.linkedin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit;flex:1;min-width:120px;justify-content:center}.profile-btn{background:linear-gradient(135deg,#f59e0b,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.profile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #667eea66;background:linear-gradient(135deg,#d97706,#6a4a9a)}.linkedin-btn{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.linkedin-btn:hover{background:#fff3;transform:translateY(-2px);border-color:#ffffff4d}.profile-btn svg,.linkedin-btn svg{width:14px;height:14px}.cta-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:4rem 2rem;text-align:center;margin-top:2rem}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a8b2d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:1.1rem;color:#a8b2d1;margin-bottom:2rem;line-height:1.6}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 1024px){.hero-title{font-size:3rem}.experts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.section-title{font-size:2.2rem}}@media (max-width: 768px){.hero-section{padding:2rem 1rem;min-height:70vh}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:2rem;flex-wrap:wrap}.stat-number{font-size:1.8rem}.section-title{font-size:2rem}.experts-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.expert-card{padding:1.5rem}.expert-buttons{flex-direction:column}.profile-btn,.linkedin-btn{width:100%}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-stats{gap:1.5rem}.stat-number{font-size:1.5rem}.section-title,.cta-title{font-size:1.8rem}.expert-image-container{width:120px;height:120px}.featured-card .expert-image-container{width:140px;height:140px}}.experts-page{animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--shahrukh-primary: #667eea;--shahrukh-secondary: #764ba2;--shahrukh-accent: #f093fb;--shahrukh-text-dark: #2d3748;--shahrukh-text-light: #94a3b8;--shahrukh-bg: #0f172a;--shahrukh-surface: #1e293b;--shahrukh-white: #ffffff;--shahrukh-gradient: linear-gradient(135deg, var(--shahrukh-primary), var(--shahrukh-secondary));--shahrukh-shadow: 0 20px 40px rgba(0,0,0,.3);--shahrukh-shadow-hover: 0 30px 60px rgba(0,0,0,.4);--shahrukh-radius: 16px}body{background:var(--shahrukh-bg);color:var(--shahrukh-white);font-family:Inter,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.shahrukh-profile-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.shahrukh-profile-container.shahrukh-visible{opacity:1;transform:translateY(0)}.shahrukh-header-section{position:relative}.shahrukh-hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--shahrukh-bg) 0%,var(--shahrukh-surface) 100%);position:relative;overflow:hidden}.shahrukh-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);animation:shahrukh-float 6s ease-in-out infinite}@keyframes shahrukh-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.shahrukh-hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.shahrukh-hero-image{display:flex;justify-content:center}.shahrukh-avatar-container{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--shahrukh-primary);box-shadow:0 0 50px #667eea80,inset 0 0 50px #667eea33;position:relative;animation:shahrukh-avatar-glow 3s ease-in-out infinite alternate}@keyframes shahrukh-avatar-glow{0%{box-shadow:0 0 30px #667eea80,inset 0 0 30px #667eea33}to{box-shadow:0 0 60px #667eeacc,inset 0 0 60px #667eea4d}}.shahrukh-avatar-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.shahrukh-avatar-container:hover .shahrukh-avatar-img{transform:scale(1.05)}.shahrukh-online-indicator{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4caf50;border:3px solid var(--shahrukh-surface);border-radius:50%;animation:shahrukh-pulse 2s infinite}@keyframes shahrukh-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.shahrukh-hero-text{animation:shahrukh-slide-right 1s ease-out}@keyframes shahrukh-slide-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.shahrukh-hero-title{margin-bottom:20px}.shahrukh-hero-greet{display:block;font-size:1.5rem;color:var(--shahrukh-text-light);margin-bottom:10px}.shahrukh-hero-name{display:block;font-size:4rem;font-weight:700;background:var(--shahrukh-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.shahrukh-hero-role{font-size:1.4rem;color:var(--shahrukh-primary);margin-bottom:10px;font-weight:600}.shahrukh-hero-desc{font-size:1.3rem;color:var(--shahrukh-accent);margin-bottom:15px;font-weight:500}.shahrukh-hero-tagline{font-size:1.1rem;color:var(--shahrukh-text-light);margin-bottom:30px;line-height:1.6}.shahrukh-stats{display:flex;gap:40px;margin-bottom:40px;flex-wrap:wrap}.shahrukh-stat-item{text-align:center}.shahrukh-stat-number{display:block;font-size:2.5rem;font-weight:700;background:var(--shahrukh-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shahrukh-stat-label{font-size:.9rem;color:var(--shahrukh-text-light)}.shahrukh-hero-buttons{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}.shahrukh-btn-primary,.shahrukh-btn-secondary{padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.shahrukh-btn-primary{background:var(--shahrukh-gradient);color:var(--shahrukh-white)}.shahrukh-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.shahrukh-btn-secondary{background:transparent;color:var(--shahrukh-white);border:2px solid var(--shahrukh-primary)}.shahrukh-btn-secondary:hover{background:var(--shahrukh-primary);transform:translateY(-3px)}.shahrukh-btn-icon{font-size:1.1rem}.shahrukh-social-links{display:flex;gap:15px}.shahrukh-social-link{width:50px;height:50px;background:var(--shahrukh-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--shahrukh-white);text-decoration:none;transition:all .3s ease;border:2px solid transparent}.shahrukh-social-link:hover{background:var(--shahrukh-gradient);transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.shahrukh-social-icon{font-size:1.3rem}.shahrukh-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.shahrukh-scroll-text{font-size:.9rem;color:var(--shahrukh-text-light);margin-bottom:10px}.shahrukh-scroll-arrow{width:20px;height:20px;border-right:2px solid var(--shahrukh-primary);border-bottom:2px solid var(--shahrukh-primary);transform:rotate(45deg);margin:0 auto;animation:shahrukh-bounce 2s infinite}@keyframes shahrukh-bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.shahrukh-main-sections{padding:0}.shahrukh-section{padding:100px 40px;position:relative}.shahrukh-section:nth-child(2n){background:var(--shahrukh-surface)}.shahrukh-section-header{text-align:center;margin-bottom:60px}.shahrukh-section-title{font-size:3.5rem;font-weight:700;margin-bottom:20px}.shahrukh-title-accent{background:var(--shahrukh-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shahrukh-section-subtitle{font-size:1.2rem;color:var(--shahrukh-text-light);margin-bottom:30px}.shahrukh-accent-line{width:80px;height:4px;background:var(--shahrukh-gradient);margin:0 auto;border-radius:2px;animation:shahrukh-line-extend 1s ease-out}@keyframes shahrukh-line-extend{0%{width:0;opacity:0}to{width:80px;opacity:1}}.shahrukh-about-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.shahrukh-about-text h3{font-size:2rem;margin-bottom:30px;color:var(--shahrukh-white)}.shahrukh-about-text p{font-size:1.1rem;color:var(--shahrukh-text-light);margin-bottom:20px;line-height:1.8}.shahrukh-experience-timeline{margin-top:40px}.shahrukh-experience-timeline h4{font-size:1.5rem;margin-bottom:30px;color:var(--shahrukh-white)}.shahrukh-timeline-item{display:flex;gap:20px;margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:var(--shahrukh-radius);border-left:4px solid var(--shahrukh-primary);transition:all .3s ease}.shahrukh-timeline-item:hover{background:#ffffff1a;transform:translate(10px)}.shahrukh-timeline-icon{font-size:1.5rem;color:var(--shahrukh-primary);margin-top:5px}.shahrukh-exp-icon{font-size:1.5rem}.shahrukh-timeline-content h5{font-size:1.2rem;margin-bottom:10px;color:var(--shahrukh-white)}.shahrukh-timeline-meta{display:flex;gap:20px;margin-bottom:10px}.shahrukh-company{color:var(--shahrukh-primary);font-weight:600}.shahrukh-period{color:var(--shahrukh-text-light);font-size:.9rem}.shahrukh-about-highlights{display:flex;flex-direction:column;gap:25px}.shahrukh-highlight-card{padding:30px;background:#ffffff0d;border-radius:var(--shahrukh-radius);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.shahrukh-highlight-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--shahrukh-primary)}.shahrukh-highlight-icon{font-size:2.5rem;margin-bottom:15px;color:var(--shahrukh-primary)}.shahrukh-highlight-card h4{font-size:1.3rem;margin-bottom:15px;color:var(--shahrukh-white)}.shahrukh-highlight-card p{color:var(--shahrukh-text-light);line-height:1.6}.shahrukh-skills-grid{max-width:1000px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.shahrukh-skill-card{padding:30px;background:#ffffff0d;border-radius:var(--shahrukh-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.shahrukh-skill-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--shahrukh-primary)}.shahrukh-skill-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.shahrukh-skill-icon-box{width:50px;height:50px;background:var(--shahrukh-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center}.shahrukh-skill-icon{font-size:1.5rem;color:var(--shahrukh-white)}.shahrukh-skill-name{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--shahrukh-white)}.shahrukh-skill-percent{font-size:1rem;color:var(--shahrukh-primary);font-weight:600}.shahrukh-skill-progress{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}@keyframes shahrukh-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shahrukh-tech-stack{text-align:center}.shahrukh-tech-stack h3{font-size:2rem;margin-bottom:40px;color:var(--shahrukh-white)}.shahrukh-tech-icons{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.shahrukh-tech-item{display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.shahrukh-tech-item:hover{transform:translateY(-5px)}.shahrukh-tech-icon{font-size:3rem;transition:all .3s ease}.shahrukh-tech-item:hover .shahrukh-tech-icon{transform:scale(1.2)}.shahrukh-react-icon{color:#61dafb}.shahrukh-node-icon{color:#68a063}.shahrukh-next-icon{color:#fff}.shahrukh-mongo-icon{color:#47a248}.shahrukh-firebase-icon{color:#ffca28}.shahrukh-css-icon{color:#1572b6}.shahrukh-tech-item span{font-size:.9rem;color:var(--shahrukh-text-light)}.shahrukh-projects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}.shahrukh-project-card{background:#ffffff0d;border-radius:var(--shahrukh-radius);padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.shahrukh-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--shahrukh-gradient);transform:scaleX(0);transition:transform .3s ease}.shahrukh-project-card:hover:before{transform:scaleX(1)}.shahrukh-project-card:hover{background:#ffffff1a;transform:translateY(-10px);border-color:var(--shahrukh-primary)}.shahrukh-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.shahrukh-project-icon-box{width:60px;height:60px;background:var(--shahrukh-gradient);border-radius:15px;display:flex;align-items:center;justify-content:center}.shahrukh-project-icon{font-size:1.8rem;color:var(--shahrukh-white)}.shahrukh-project-actions{display:flex;gap:10px}.shahrukh-action-btn{background:none;border:none;color:var(--shahrukh-text-light);font-size:1.2rem;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.shahrukh-action-btn:hover{color:gold;background:#ffffff1a}.shahrukh-project-title{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--shahrukh-white)}.shahrukh-project-desc{color:var(--shahrukh-text-light);margin-bottom:20px;line-height:1.6}.shahrukh-project-features{margin-bottom:20px}.shahrukh-project-features h4{font-size:1.1rem;margin-bottom:10px;color:var(--shahrukh-white)}.shahrukh-project-features ul{list-style:none;padding-left:0}.shahrukh-project-features li{color:var(--shahrukh-text-light);margin-bottom:8px;padding-left:20px;position:relative}.shahrukh-project-features li:before{content:"▹";position:absolute;left:0;color:var(--shahrukh-primary)}.shahrukh-project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.shahrukh-tech-tag{background:var(--shahrukh-gradient);color:var(--shahrukh-white);padding:6px 15px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.shahrukh-tech-tag:hover{transform:scale(1.05)}.shahrukh-project-links{display:flex;gap:15px}.shahrukh-project-link{flex:1;padding:12px 20px;background:var(--shahrukh-primary);color:var(--shahrukh-white);text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.shahrukh-project-link:hover{background:var(--shahrukh-secondary);transform:translateY(-2px)}.shahrukh-project-link.shahrukh-github-link{background:#ffffff1a}.shahrukh-project-link.shahrukh-github-link:hover{background:#fff3}.shahrukh-link-icon{font-size:1.1rem}@media (max-width: 768px){.shahrukh-hero-section{padding:100px 20px 60px}.shahrukh-hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.shahrukh-avatar-container{width:200px;height:200px}.shahrukh-hero-name{font-size:2.5rem}.shahrukh-stats{justify-content:center}.shahrukh-hero-buttons{justify-content:center;flex-wrap:wrap}.shahrukh-about-content{grid-template-columns:1fr;gap:40px}.shahrukh-skills-grid,.shahrukh-projects-grid{grid-template-columns:1fr}.shahrukh-tech-icons{gap:20px}.shahrukh-section{padding:60px 20px}.shahrukh-section-title{font-size:2.5rem}}@media (max-width: 640px){.shahrukh-hero-name,.shahrukh-section-title{font-size:2rem}.shahrukh-stats{gap:20px}.shahrukh-stat-number{font-size:2rem}}.shahrukh-skills-section{background:var(--shahrukh-surface)}.shahrukh-skills-grid{max-width:1000px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:25px}.shahrukh-skill-card{padding:30px;background:#ffffff0d;border-radius:var(--shahrukh-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.shahrukh-skill-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--shahrukh-primary);box-shadow:0 10px 30px #667eea33}.shahrukh-skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.shahrukh-skill-info{flex:1}.shahrukh-skill-name{font-size:1.3rem;font-weight:600;margin-bottom:5px;color:var(--shahrukh-white)}.shahrukh-skill-percent{font-size:1.1rem;color:var(--shahrukh-primary);font-weight:600}.shahrukh-skill-progress{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:15px}.shahrukh-skill-progress-bar{height:100%;border-radius:4px;width:0;transition:width 1.5s ease-in-out;position:relative}.shahrukh-skill-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shahrukh-shimmer 2s infinite}.shahrukh-skill-desc{color:var(--shahrukh-text-light);line-height:1.6;font-size:.95rem;margin:0}.shahrukh-leadership-qualities{text-align:center;max-width:1000px;margin:0 auto}.shahrukh-leadership-qualities h3{font-size:2rem;margin-bottom:40px;color:var(--shahrukh-white)}.shahrukh-qualities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:15px}.shahrukh-quality-item{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#ffffff0d;border-radius:var(--shahrukh-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:left}.shahrukh-quality-item:hover{background:#ffffff1a;transform:translate(5px);border-color:var(--shahrukh-primary)}.shahrukh-quality-bullet{color:var(--shahrukh-primary);font-size:1.5rem;font-weight:700}.shahrukh-quality-text{color:var(--shahrukh-text-light);font-size:.95rem;line-height:1.4}.shahrukh-skill-icon-box{display:none}@media (max-width: 768px){.shahrukh-skills-grid,.shahrukh-qualities-grid{grid-template-columns:1fr}.shahrukh-skill-card{padding:20px}.shahrukh-skill-name{font-size:1.1rem}}:root{--sha-primary:#667eea;--sha-secondary:#764ba2;--sha-accent:#f093fb;--sha-text-dark:#2d3748;--sha-text-light:#94a3b8;--sha-bg-dark:#0f172a;--sha-surface:#1e293b;--sha-white:#fff;--sha-gradient:linear-gradient(135deg, var(--sha-primary), var(--sha-secondary));--sha-radius:16px}.sha-portfolio-container{opacity:0;transform:translateY(20px);transition:all 1s ease;background:var(--sha-bg-dark);color:var(--sha-white);font-family:Inter,Segoe UI,sans-serif;line-height:1.6}.sha-portfolio-container.sha-portfolio-visible{opacity:1;transform:translateY(0)}.sha-hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--sha-bg-dark) 0%,var(--sha-surface) 100%);position:relative;overflow:hidden}.sha-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);animation:sha-float-animation 6s ease-in-out infinite}@keyframes sha-float-animation{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(1deg)}}.sha-hero-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.sha-hero-image{display:flex;justify-content:center}.sha-profile-avatar{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--sha-primary);box-shadow:0 0 50px #667eea80,inset 0 0 50px #667eea33;position:relative;animation:sha-glow-effect 3s ease-in-out infinite alternate}@keyframes sha-glow-effect{0%{box-shadow:0 0 30px #667eea80,inset 0 0 30px #667eea33}to{box-shadow:0 0 60px #667eeacc,inset 0 0 60px #667eea4d}}.sha-profile-img{width:280px;height:280px;border-radius:50%;object-fit:cover;box-shadow:0 10px 30px #667eea4d;transition:all .3s ease}.sha-profile-img:hover{transform:scale(1.05);box-shadow:0 15px 40px #667eea66}.sha-online-dot{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4ade80;border-radius:50%;border:3px solid #fff;animation:sha-pulse-effect 2s infinite}@keyframes sha-pulse-effect{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.sha-hero-text{animation:sha-slide-in 1s ease-out}@keyframes sha-slide-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.sha-hero-greet{display:block;font-size:1.5rem;color:var(--sha-text-light);margin-bottom:10px}.sha-hero-name{display:block;font-size:4rem;font-weight:700;background:var(--sha-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.sha-hero-position{font-size:1.3rem;color:var(--sha-primary);margin:10px 0;font-weight:600}.sha-hero-badges{font-size:1.15rem;color:var(--sha-accent);margin-bottom:12px}.sha-hero-desc{font-size:1.05rem;color:var(--sha-text-light);margin-bottom:28px;line-height:1.65}.sha-stats-box{display:flex;gap:40px;margin-bottom:28px;flex-wrap:wrap}.sha-stat-item{text-align:center}.sha-stat-num{display:block;font-size:2.3rem;font-weight:700;background:var(--sha-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sha-stat-text{font-size:.9rem;color:var(--sha-text-light)}.sha-social-box{display:flex;gap:15px}.sha-social-btn{width:50px;height:50px;background:var(--sha-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.sha-social-btn:hover{background:var(--sha-gradient);transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.sha-scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.sha-scroll-text{font-size:.9rem;color:var(--sha-text-light);margin-bottom:10px}.sha-scroll-arrow{width:20px;height:20px;border-right:2px solid var(--sha-primary);border-bottom:2px solid var(--sha-primary);transform:rotate(45deg);margin:0 auto;animation:sha-bounce-animation 2s infinite}@keyframes sha-bounce-animation{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.sha-main-content{padding:0}.sha-about-section,.sha-skills-section,.sha-projects-section{padding:100px 40px;background:var(--sha-bg-dark)}.sha-section-alt{background:var(--sha-surface)!important}.sha-section-header{text-align:center;margin-bottom:56px}.sha-section-title{font-size:3.1rem;font-weight:700;margin-bottom:16px}.sha-title-accent{background:var(--sha-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sha-section-desc{font-size:1.1rem;color:var(--sha-text-light);margin-bottom:22px}.sha-accent-bar{width:80px;height:4px;background:var(--sha-gradient);margin:0 auto;border-radius:2px}.sha-about-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:flex-start}.sha-about-content h3{font-size:2rem;margin-bottom:22px}.sha-about-content p{font-size:1.05rem;color:var(--sha-text-light);margin-bottom:16px;line-height:1.75}.sha-experience-list{margin-top:26px}.sha-exp-item{display:flex;gap:18px;margin-bottom:20px;padding:22px;background:#ffffff0d;border-radius:var(--sha-radius);border-left:4px solid var(--sha-primary);transition:all .3s ease}.sha-exp-item:hover{background:#ffffff1a;transform:translate(10px)}.sha-exp-icon{font-size:1.5rem;color:var(--sha-primary);margin-top:4px}.sha-about-icon{font-size:1.5rem;color:var(--sha-primary)}.sha-exp-details h5{font-size:1.15rem;margin-bottom:6px}.sha-exp-meta{display:flex;gap:14px;margin-bottom:6px}.sha-company{color:var(--sha-primary);font-weight:600}.sha-period{color:var(--sha-text-light);font-size:.9rem}.sha-highlights-box{display:flex;flex-direction:column;gap:18px}.sha-highlight-card{padding:24px;background:#ffffff0d;border-radius:var(--sha-radius);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.sha-highlight-card:hover{background:#ffffff1a;transform:translateY(-4px);border-color:var(--sha-primary)}.sha-highlight-icon{font-size:2.2rem;margin-bottom:10px;color:var(--sha-primary)}.sha-highlight-card h4{font-size:1.15rem;margin-bottom:8px}.sha-highlight-card p{color:var(--sha-text-light)}.sha-skills-grid{max-width:1000px;margin:0 auto 46px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.sha-skill-item{padding:24px;background:#ffffff0d;border-radius:var(--sha-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.sha-skill-item:hover{background:#ffffff1a;transform:translateY(-4px);border-color:var(--sha-primary)}.sha-skill-top{display:flex;align-items:center;gap:14px}.sha-skill-img-box{width:48px;height:48px;background:var(--sha-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center}.sha-skill-icon{font-size:1.4rem;color:#fff}.sha-skill-name{font-size:1.05rem;font-weight:600}.sha-skill-value{font-size:.95rem;color:var(--sha-primary);font-weight:600}.sha-tech-stack{text-align:center}.sha-tech-stack h3{font-size:1.85rem;margin:24px 0;color:#fff}.sha-stack-items{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;max-width:1100px;margin:0 auto}.sha-stack-tool{display:flex;flex-direction:column;align-items:center;gap:8px;transition:.3s}.sha-stack-tool:hover{transform:translateY(-5px)}.sha-stack-icon{font-size:2.4rem}.sha-stack-tool span{font-size:.9rem;color:var(--sha-text-light)}.sha-html{color:#e44d26}.sha-css{color:#1572b6}.sha-js{color:#f7df1e}.sha-ts{color:#3178c6}.sha-react{color:#61dafb}.sha-next{color:#fff}.sha-node{color:#68a063}.sha-express{color:#fff}.sha-python{color:#3776ab}.sha-django{color:#0c4b33}.sha-flask{color:#fff}.sha-tf{color:#ff6f00}.sha-torch{color:#ee4c2c}.sha-keras{color:#d00000}.sha-skl{color:#f89820}.sha-numpy{color:#4dabcf}.sha-pandas{color:#130754}.sha-opencv{color:#5c3ee8}.sha-openai{color:#22c55e}.sha-hf{color:#ffcc4d}.sha-pg{color:#336791}.sha-mysql{color:#00618a}.sha-mongo{color:#47a248}.sha-firebase{color:#ffca28}.sha-redis{color:#d82c20}.sha-git{color:#f34f29}.sha-docker{color:#2496ed}.sha-projects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:26px}.sha-project-card{background:#ffffff0d;border-radius:var(--sha-radius);padding:26px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.sha-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--sha-gradient);transform:scaleX(0);transition:transform .3s ease}.sha-project-card:hover:before{transform:scaleX(1)}.sha-project-card:hover{background:#ffffff1a;transform:translateY(-6px);border-color:var(--sha-primary)}.sha-project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sha-project-icon-box{width:58px;height:58px;background:var(--sha-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center}.sha-project-icon{font-size:1.7rem;color:#fff}.sha-project-star-btn{background:transparent;border:none;color:var(--sha-text-light);font-size:1.1rem;cursor:pointer;padding:8px;border-radius:8px;transition:.2s}.sha-project-star-btn:hover{color:gold;background:#ffffff1a}.sha-project-heading{font-size:1.3rem;font-weight:600;margin-bottom:10px}.sha-project-summary{color:var(--sha-text-light);margin-bottom:14px}.sha-project-features{margin-bottom:14px}.sha-project-features h4{font-size:1rem;margin-bottom:6px}.sha-project-features ul{list-style:none;padding:0}.sha-project-features li{color:var(--sha-text-light);margin-bottom:6px;padding-left:16px;position:relative}.sha-project-features li:before{content:"▹";position:absolute;left:0;color:var(--sha-primary)}.sha-project-techs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sha-tech-badge{background:var(--sha-gradient);color:#fff;padding:6px 12px;border-radius:18px;font-size:.8rem}.sha-project-buttons{display:flex;gap:12px}.sha-project-btn{flex:1;padding:11px 16px;background:var(--sha-primary);color:#fff;text-decoration:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.sha-project-btn:hover{background:var(--sha-secondary);transform:translateY(-2px)}.sha-repo-btn{background:#ffffff1a}.sha-repo-btn:hover{background:#fff3}@media (max-width:768px){.sha-hero-section{padding:100px 20px 60px}.sha-hero-layout{grid-template-columns:1fr;gap:40px;text-align:center}.sha-profile-avatar,.sha-profile-img{width:200px;height:200px}.sha-hero-name{font-size:2.6rem}.sha-stats-box{justify-content:center}.sha-about-layout{grid-template-columns:1fr;gap:40px}.sha-projects-grid{grid-template-columns:1fr}}.sha-certificate-icon{font-size:3rem;opacity:.9}.sha-stat-item:last-child{border-right:none}@media (max-width: 768px){.sha-certificates-grid{grid-template-columns:1fr;gap:1.5rem}.sha-certificate-card{padding:1.5rem}.sha-certificate-title{font-size:1.2rem}.sha-certificate-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.sha-certificate-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sha-microsoft{color:#0078d7}.sha-huawei-logo{font-size:1.8rem;font-weight:800;color:red;letter-spacing:1px;text-shadow:0 2px 4px rgba(255,0,0,.3)}.sha-certificate-icon{font-size:3rem;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sha-certificates-section{padding:5rem 0;background:#f8fafc}.sha-certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-top:3rem}.sha-certificate-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 30px #0000001a;border:1px solid #e1e5e9;transition:all .3s ease;position:relative;overflow:hidden}.sha-certificate-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026}.sha-certificate-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.sha-certificate-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.sha-badge-icon{font-size:1.2rem}.sha-certificate-title{font-size:1.4rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.3}.sha-certificate-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.sha-certificate-issuer{font-weight:600;color:#f59e0b;font-size:1rem}.sha-certificate-date{background:#fef7ed;color:#f59e0b;padding:.3rem .8rem;border-radius:15px;font-size:.85rem;font-weight:600}.sha-certificate-desc{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.sha-certificate-skills h4{color:#374151;font-weight:600;margin-bottom:.8rem;font-size:1rem}.sha-certificate-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sha-certificate-tag{background:#f3f4f6;color:#4b5563;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid #e5e7eb;transition:all .3s ease}.sha-certificate-tag:hover{background:#f59e0b;color:#fff;transform:translateY(-2px)}.sha-certificate-card{animation:fadeInUp .6s ease forwards}@media (max-width: 768px){.sha-certificates-grid{grid-template-columns:1fr;gap:1.5rem}.sha-certificate-card{padding:1.5rem}.sha-certificate-title{font-size:1.2rem}.sha-certificate-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.sha-huawei-logo{font-size:1.5rem}}.sha-certificate-icon{font-size:3rem}:root{--rehan-primary: #4285f4;--rehan-secondary: #34a853;--rehan-accent: #fbbc05;--rehan-text-dark: #2d3748;--rehan-text-light: #94a3b8;--rehan-bg: #0f172a;--rehan-surface: #1e293b;--rehan-white: #ffffff;--rehan-gradient: linear-gradient(135deg, var(--rehan-primary), var(--rehan-secondary));--rehan-shadow: 0 20px 40px rgba(0,0,0,.3);--rehan-shadow-hover: 0 30px 60px rgba(0,0,0,.4);--rehan-radius: 16px}body{background:var(--rehan-bg);color:var(--rehan-white);font-family:Inter,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.rehan-profile-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.rehan-profile-container.rehan-visible{opacity:1;transform:translateY(0)}.rehan-header-section{position:relative}.rehan-hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--rehan-bg) 0%,var(--rehan-surface) 100%);position:relative;overflow:hidden}.rehan-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(66,133,244,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(52,168,83,.1) 0%,transparent 50%);animation:rehan-float 6s ease-in-out infinite}@keyframes rehan-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.rehan-hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.rehan-hero-image{display:flex;justify-content:center}.rehan-avatar-container{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--rehan-primary);box-shadow:0 0 50px #4285f480,inset 0 0 50px #4285f433;position:relative;animation:rehan-avatar-glow 3s ease-in-out infinite alternate}@keyframes rehan-avatar-glow{0%{box-shadow:0 0 30px #4285f480,inset 0 0 30px #4285f433}to{box-shadow:0 0 60px #4285f4cc,inset 0 0 60px #4285f44d}}.rehan-avatar-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.rehan-avatar-container:hover .rehan-avatar-img{transform:scale(1.05)}.rehan-online-indicator{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#34a853;border:3px solid var(--rehan-surface);border-radius:50%;animation:rehan-pulse 2s infinite}@keyframes rehan-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.rehan-hero-text{animation:rehan-slide-right 1s ease-out}@keyframes rehan-slide-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.rehan-hero-title{margin-bottom:20px}.rehan-hero-greet{display:block;font-size:1.5rem;color:var(--rehan-text-light);margin-bottom:10px}.rehan-hero-name{display:block;font-size:4rem;font-weight:700;background:var(--rehan-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.rehan-hero-role{font-size:1.4rem;color:var(--rehan-primary);margin-bottom:10px;font-weight:600}.rehan-hero-desc{font-size:1.3rem;color:var(--rehan-accent);margin-bottom:15px;font-weight:500}.rehan-hero-tagline{font-size:1.1rem;color:var(--rehan-text-light);margin-bottom:30px;line-height:1.6}.rehan-stats{display:flex;gap:40px;margin-bottom:40px;flex-wrap:wrap}.rehan-stat-item{text-align:center}.rehan-stat-number{display:block;font-size:2.5rem;font-weight:700;background:var(--rehan-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rehan-stat-label{font-size:.9rem;color:var(--rehan-text-light)}.rehan-hero-buttons{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}.rehan-btn-primary,.rehan-btn-secondary{padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.rehan-btn-primary{background:var(--rehan-gradient);color:var(--rehan-white)}.rehan-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #4285f466}.rehan-btn-secondary{background:transparent;color:var(--rehan-white);border:2px solid var(--rehan-primary)}.rehan-btn-secondary:hover{background:var(--rehan-primary);transform:translateY(-3px)}.rehan-btn-icon{font-size:1.1rem}.rehan-social-links{display:flex;gap:15px}.rehan-social-link{width:50px;height:50px;background:var(--rehan-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rehan-white);text-decoration:none;transition:all .3s ease;border:2px solid transparent}.rehan-social-link:hover{background:var(--rehan-gradient);transform:translateY(-3px);box-shadow:0 10px 25px #4285f44d}.rehan-social-icon{font-size:1.3rem}.rehan-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.rehan-scroll-text{font-size:.9rem;color:var(--rehan-text-light);margin-bottom:10px}.rehan-scroll-arrow{width:20px;height:20px;border-right:2px solid var(--rehan-primary);border-bottom:2px solid var(--rehan-primary);transform:rotate(45deg);margin:0 auto;animation:rehan-bounce 2s infinite}@keyframes rehan-bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.rehan-main-sections{padding:0}.rehan-section{padding:100px 40px;position:relative}.rehan-section:nth-child(2n){background:var(--rehan-surface)}.rehan-section-header{text-align:center;margin-bottom:60px}.rehan-section-title{font-size:3.5rem;font-weight:700;margin-bottom:20px}.rehan-title-accent{background:var(--rehan-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rehan-section-subtitle{font-size:1.2rem;color:var(--rehan-text-light);margin-bottom:30px}.rehan-accent-line{width:80px;height:4px;background:var(--rehan-gradient);margin:0 auto;border-radius:2px;animation:rehan-line-extend 1s ease-out}@keyframes rehan-line-extend{0%{width:0;opacity:0}to{width:80px;opacity:1}}.rehan-about-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.rehan-about-text h3{font-size:2rem;margin-bottom:30px;color:var(--rehan-white)}.rehan-about-text p{font-size:1.1rem;color:var(--rehan-text-light);margin-bottom:20px;line-height:1.8}.rehan-experience-timeline{margin-top:40px}.rehan-experience-timeline h4{font-size:1.5rem;margin-bottom:30px;color:var(--rehan-white)}.rehan-timeline-item{display:flex;gap:20px;margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:var(--rehan-radius);border-left:4px solid var(--rehan-primary);transition:all .3s ease}.rehan-timeline-item:hover{background:#ffffff1a;transform:translate(10px)}.rehan-timeline-icon{font-size:1.5rem;color:var(--rehan-primary);margin-top:5px}.rehan-exp-icon{font-size:1.5rem}.rehan-timeline-content h5{font-size:1.2rem;margin-bottom:10px;color:var(--rehan-white)}.rehan-timeline-meta{display:flex;gap:20px;margin-bottom:10px}.rehan-company{color:var(--rehan-primary);font-weight:600}.rehan-period{color:var(--rehan-text-light);font-size:.9rem}.rehan-about-highlights{display:flex;flex-direction:column;gap:25px}.rehan-highlight-card{padding:30px;background:#ffffff0d;border-radius:var(--rehan-radius);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.rehan-highlight-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--rehan-primary)}.rehan-highlight-icon{font-size:2.5rem;margin-bottom:15px;color:var(--rehan-primary)}.rehan-highlight-card h4{font-size:1.3rem;margin-bottom:15px;color:var(--rehan-white)}.rehan-highlight-card p{color:var(--rehan-text-light);line-height:1.6}.rehan-skills-grid{max-width:1000px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.rehan-skill-card{padding:30px;background:#ffffff0d;border-radius:var(--rehan-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.rehan-skill-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--rehan-primary)}.rehan-skill-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.rehan-skill-icon-container{width:50px;height:50px;background:var(--rehan-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center}.rehan-skill-icon{font-size:1.5rem;color:var(--rehan-white)}.rehan-skill-info{flex:1}.rehan-skill-name{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--rehan-white)}.rehan-skill-percent{font-size:1rem;color:var(--rehan-primary);font-weight:600}.rehan-skill-progress{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.rehan-skill-progress-bar{height:100%;border-radius:4px;width:0;transition:width 1.5s ease-in-out;position:relative}.rehan-skill-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:rehan-shimmer 2s infinite}@keyframes rehan-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.rehan-seo-techniques{text-align:center;max-width:1000px;margin:0 auto}.rehan-seo-techniques h3{font-size:2rem;margin-bottom:40px;color:var(--rehan-white)}.rehan-techniques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.rehan-technique-item{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#ffffff0d;border-radius:var(--rehan-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:left}.rehan-technique-item:hover{background:#ffffff1a;transform:translate(5px);border-color:var(--rehan-primary)}.rehan-technique-bullet{color:var(--rehan-primary);font-size:1.2rem;font-weight:700}.rehan-technique-text{color:var(--rehan-text-light);font-size:.95rem;line-height:1.4}.rehan-projects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}.rehan-project-card{background:#ffffff0d;border-radius:var(--rehan-radius);padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.rehan-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--rehan-gradient);transform:scaleX(0);transition:transform .3s ease}.rehan-project-card:hover:before{transform:scaleX(1)}.rehan-project-card:hover{background:#ffffff1a;transform:translateY(-10px);border-color:var(--rehan-primary)}.rehan-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.rehan-project-icon-box{width:60px;height:60px;background:var(--rehan-gradient);border-radius:15px;display:flex;align-items:center;justify-content:center}.rehan-project-icon{font-size:1.8rem;color:var(--rehan-white)}.rehan-project-actions{display:flex;gap:10px}.rehan-action-btn{background:none;border:none;color:var(--rehan-text-light);font-size:1.2rem;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.rehan-action-btn:hover{color:gold;background:#ffffff1a}.rehan-project-title{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--rehan-white)}.rehan-project-desc{color:var(--rehan-text-light);margin-bottom:20px;line-height:1.6}.atif-main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.atif-main-container.main-visible{opacity:1;transform:translateY(0)}.k8s-icon{color:#326ce5}.usman-main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.usman-main-container.main-visible{opacity:1;transform:translateY(0)}.huggingface-icon{color:#fc0}.nlp-icon{color:#4ecdc4}.database-icon{color:#f093fb}.mazhar-main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.mazhar-main-container.main-visible{opacity:1;transform:translateY(0)}.uneeb-main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.uneeb-main-container.main-visible{opacity:1;transform:translateY(0)}.typescript-icon{color:#3178c6}.tailwind-icon{color:#38bdf8}.vue-icon{color:#41b883}.nextjs-icon{color:#fff}.hero-sectiou{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);position:relative;overflow:hidden}.hero-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.react-color{color:#61dafb}.flutter-color{color:#02569b}.node-color{color:#68a063}.mongo-color{color:#47a248}.mysql-color{color:#00758f}.project-note{text-align:center;padding:1rem;background:#667eea1a;border-radius:10px;color:#667eea;font-weight:600;font-size:.875rem}:root{--primary-main: #667eea;--secondary-main: #764ba2;--accent-main: #f093fb;--text-dark-main: #2d3748;--text-light-main: #94a3b8;--background-main: #0f172a;--surface-main: #1e293b;--white-main: #ffffff;--gradient-main: linear-gradient(135deg, var(--primary-main), var(--secondary-main));--shadow-main: 0 20px 40px rgba(0,0,0,.3);--shadow-hover-main: 0 30px 60px rgba(0,0,0,.4);--radius-main: 16px}body{background:var(--background-main);color:var(--white-main);font-family:Inter,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.tahaimran-main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.tahaimran-main-container.main-visible{opacity:1;transform:translateY(0)}.main-header-section{position:relative}.hero-main-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--background-main) 0%,var(--surface-main) 100%);position:relative;overflow:hidden}.hero-main-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);animation:float-main 6s ease-in-out infinite}@keyframes float-main{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.main-avatar-container{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-main);box-shadow:0 0 50px #667eea80,inset 0 0 50px #667eea33;position:relative;animation:glow-main 3s ease-in-out infinite alternate}@keyframes glow-main{0%{box-shadow:0 0 30px #667eea80,inset 0 0 30px #667eea33}to{box-shadow:0 0 60px #667eeacc,inset 0 0 60px #667eea4d}}.profile-main-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.main-avatar-container:hover .profile-main-image{transform:scale(1.05)}.online-status{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4caf50;border:3px solid var(--surface-main);border-radius:50%;animation:pulse-main 2s infinite}@keyframes pulse-main{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.hero-text-section{animation:slide-right-main 1s ease-out}@keyframes slide-right-main{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.hero-greeting{display:block;font-size:1.5rem;color:var(--text-light-main);margin-bottom:10px}.hero-name{display:block;font-size:4rem;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero-position{font-size:1.4rem;color:var(--primary-main);margin-bottom:10px;font-weight:600}.hero-description{font-size:1.3rem;color:var(--accent-main);margin-bottom:15px;font-weight:500}.hero-tagline-main{font-size:1.1rem;color:var(--text-light-main);margin-bottom:30px;line-height:1.6}.stat-number-main{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-text{font-size:.9rem;color:var(--text-light-main)}.secondary-btn{padding:15px 30px;background:transparent;color:var(--white-main);border:2px solid var(--primary-main);border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.secondary-btn:hover{background:var(--primary-main);transform:translateY(-3px)}.social-main-link{width:50px;height:50px;background:var(--surface-main);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white-main);text-decoration:none;transition:all .3s ease;border:2px solid transparent}.social-main-link:hover{background:var(--gradient-main);transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.scroll-main-text{font-size:.9rem;color:var(--text-light-main);margin-bottom:10px}.scroll-main-arrow{width:20px;height:20px;border-right:2px solid var(--primary-main);border-bottom:2px solid var(--primary-main);transform:rotate(45deg);margin:0 auto;animation:bounce-main 2s infinite}@keyframes bounce-main{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.section-main:nth-child(2n){background:var(--surface-main)}.title-main-accent{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-main-subtitle{font-size:1.2rem;color:var(--text-light-main);margin-bottom:30px}.accent-main-line{width:80px;height:4px;background:var(--gradient-main);margin:0 auto;border-radius:2px;animation:extend-main 1s ease-out}@keyframes extend-main{0%{width:0;opacity:0}to{width:80px;opacity:1}}.about-main-text h3{font-size:2rem;margin-bottom:30px;color:var(--white-main)}.about-main-text p{font-size:1.1rem;color:var(--text-light-main);margin-bottom:20px;line-height:1.8}.experience-main-timeline h4{font-size:1.5rem;margin-bottom:30px;color:var(--white-main)}.timeline-main-item{display:flex;gap:20px;margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:var(--radius-main);border-left:4px solid var(--primary-main);transition:all .3s ease}.timeline-main-icon{font-size:1.5rem;color:var(--primary-main);margin-top:5px}.timeline-main-content h5{font-size:1.2rem;margin-bottom:10px;color:var(--white-main)}.company-main{color:var(--primary-main);font-weight:600}.period-main{color:var(--text-light-main);font-size:.9rem}.highlight-main-card{padding:30px;background:#ffffff0d;border-radius:var(--radius-main);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.highlight-main-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-main)}.highlight-main-icon{font-size:2.5rem;margin-bottom:15px;color:var(--primary-main)}.highlight-main-card h4{font-size:1.3rem;margin-bottom:15px;color:var(--white-main)}.highlight-main-card p{color:var(--text-light-main);line-height:1.6}.skill-main-card{padding:30px;background:#ffffff0d;border-radius:var(--radius-main);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-main-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-main)}.skill-main-icon-container{width:50px;height:50px;background:var(--gradient-main);border-radius:12px;display:flex;align-items:center;justify-content:center}.skill-icon-main{font-size:1.5rem}.skill-main-name{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--white-main)}.skill-main-percentage{font-size:1rem;color:var(--primary-main);font-weight:600}.tech-main-stack h3{font-size:2rem;margin-bottom:40px;color:var(--white-main)}.tech-main-item span{font-size:.9rem;color:var(--text-light-main)}.project-main-card{background:#ffffff0d;border-radius:var(--radius-main);padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.project-main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-main);transform:scaleX(0);transition:transform .3s ease}.project-main-card:hover{background:#ffffff1a;transform:translateY(-10px);border-color:var(--primary-main)}.project-main-icon-container{width:60px;height:60px;background:var(--gradient-main);border-radius:15px;display:flex;align-items:center;justify-content:center}.project-icon-main{font-size:1.8rem}.project-main-actions{display:flex;gap:10px}.action-main-btn{background:none;border:none;color:var(--text-light-main);font-size:1.2rem;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.favorite-btn:hover{color:gold;background:#ffffff1a}.project-main-title{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--white-main)}.project-main-description{color:var(--text-light-main);margin-bottom:20px;line-height:1.6}.project-main-features h4{font-size:1.1rem;margin-bottom:10px;color:var(--white-main)}.project-main-features li{color:var(--text-light-main);margin-bottom:8px;padding-left:20px;position:relative}.project-main-features li:before{content:"▹";position:absolute;left:0;color:var(--primary-main)}.tech-main-tag{background:var(--gradient-main);color:var(--white-main);padding:6px 15px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.project-main-link{flex:1;padding:12px 20px;border-radius:8px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;text-decoration:none}.live-link{background:var(--primary-main);color:var(--white-main)}.live-link:hover{background:var(--secondary-main);transform:translateY(-2px)}.github-link{background:#ffffff1a;color:var(--white-main)}.github-link:hover{background:#fff3;transform:translateY(-2px)}.project-main-hint{text-align:center;margin-top:2rem;padding:1rem;background:#667eea1a;border-radius:10px;color:#667eea;font-weight:600;font-size:.875rem}.main-footer-section{background:var(--surface-main);padding:40px;border-top:1px solid rgba(255,255,255,.1)}.footer-main-brand h3{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.5rem;margin-bottom:5px}.footer-main-brand p{color:var(--text-light-main)}.footer-main-role{color:var(--accent-main)!important;font-weight:500}.footer-main-links{display:flex;gap:20px}.footer-main-links a{color:var(--text-light-main);text-decoration:none;transition:color .3s ease}.footer-main-links a:hover{color:var(--primary-main)}.footer-main-copyright{color:var(--text-light-main);font-size:.9rem;text-align:right}.popup-main-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.popup-main-content{background:#fff;border-radius:20px;padding:2rem;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.close-main-popup{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#64748b;transition:all .3s ease}.close-main-popup:hover{background:#e2e8f0;color:#334155}.popup-main-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-right:3rem}.popup-main-icon{font-size:3rem;color:#667eea}.popup-main-title h2{font-size:2rem;color:#1a202c;margin:0 0 .5rem}.popup-main-body h3{color:#2d3748;margin-bottom:1rem;font-size:1.25rem}.popup-main-description{margin-bottom:2rem}.popup-main-description p{color:#4a5568;line-height:1.6;font-size:1.1rem}.popup-main-features{margin-bottom:2rem}.popup-main-features ul{list-style:none;padding:0}.popup-main-features li{color:#4a5568;position:relative;padding:.5rem 0 .5rem 1.5rem}.popup-main-features li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.popup-main-technologies{margin-bottom:2rem}.tech-main-tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tech-main-tag-popup{background:#f7fafc;color:#2d3748;padding:.5rem 1rem;border-radius:15px;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0}.popup-main-links{display:flex;gap:1rem;flex-wrap:wrap}.popup-main-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease}.live-popup-link{background:#667eea;color:#fff}.github-popup-link{background:#2d3748;color:#fff}.popup-main-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.popup-link-main-icon{font-size:1.2rem}@media (max-width: 768px){.hero-main-section{padding:100px 20px 60px}.hero-content-wrapper{grid-template-columns:1fr;gap:40px;text-align:center}.main-avatar-container{width:200px;height:200px}.hero-name{font-size:2.5rem}.hero-stats-container{justify-content:center}.hero-buttons-container{justify-content:center;flex-wrap:wrap}.about-main-content{grid-template-columns:1fr;gap:40px}.skills-main-grid,.projects-main-grid{grid-template-columns:1fr}.tech-main-icons{gap:20px}.footer-main-content{flex-direction:column;text-align:center}.popup-main-content{padding:1.5rem;margin:1rem}.popup-main-header{flex-direction:column;text-align:center;gap:.5rem}.popup-main-title h2{font-size:1.5rem}.popup-main-links{flex-direction:column}.popup-main-link{justify-content:center}}.eshaaslam-main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.eshaaslam-main-container.main-visible{opacity:1;transform:translateY(0)}.avatar-placeholder-ai{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;overflow:hidden}.placeholder-icon-ai{font-size:5rem;color:#fff;opacity:.9;z-index:2;position:relative}.ai-glow-effect{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.3) 0%,transparent 70%);animation:ai-pulse 2s ease-in-out infinite alternate}@keyframes ai-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.k-shell{opacity:0;transform:translateY(20px);transition:all 1s ease}.k-shell.k-show{opacity:1;transform:translateY(0)}.k-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);position:relative;overflow:hidden}.k-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);animation:k-float 6s ease-in-out infinite}@keyframes k-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.k-hero-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.k-hero-img{display:flex;justify-content:center}.k-avatar{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);box-shadow:0 0 50px #667eea80,inset 0 0 50px #667eea33;position:relative;animation:k-glow 3s ease-in-out infinite alternate}@keyframes k-glow{0%{box-shadow:0 0 30px #667eea80,inset 0 0 30px #667eea33}to{box-shadow:0 0 60px #667eeacc,inset 0 0 60px #667eea4d}}.k-profile{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.k-avatar:hover .k-profile{transform:scale(1.05)}.k-online{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4ade80;border:3px solid var(--surface);border-radius:50%;animation:k-pulse 2s infinite}@keyframes k-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.k-hero-text{animation:k-slide-right 1s ease-out}@keyframes k-slide-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.k-hero-title{margin-bottom:20px}.k-hello{display:block;font-size:1.5rem;color:var(--text-light);margin-bottom:10px}.k-name{display:block;font-size:4rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.k-role{font-size:1.4rem;color:var(--primary-color);margin-bottom:10px;font-weight:600}.k-desc{font-size:1.3rem;color:var(--accent-color);margin-bottom:15px;font-weight:500}.k-tagline{font-size:1.1rem;color:var(--text-light);margin-bottom:30px;line-height:1.6}.k-stats{display:flex;gap:40px;margin-bottom:40px;flex-wrap:wrap}.k-stat{text-align:center}.k-stat-num{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.k-stat-text{font-size:.9rem;color:var(--text-light)}.k-cta{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}.k-btn{padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.k-btn-primary{background:var(--gradient);color:var(--white)}.k-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.k-btn-secondary{background:transparent;color:var(--white);border:2px solid var(--primary-color)}.k-btn-secondary:hover{background:var(--primary-color);transform:translateY(-3px)}.k-btn-ico{font-size:1.1rem}.k-socials{display:flex;gap:15px}.k-social{width:50px;height:50px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:all .3s ease;border:2px solid transparent}.k-social:hover{background:var(--gradient);transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.k-social-ico{font-size:1.3rem}.k-scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.k-scroll-text{font-size:.9rem;color:var(--text-light);margin-bottom:10px}.k-scroll-arrow{width:20px;height:20px;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:rotate(45deg);margin:0 auto;animation:k-bounce 2s infinite}@keyframes k-bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.k-main{padding:0}.k-section{padding:100px 40px;position:relative}.k-section:nth-child(2n){background:var(--surface)}.k-sec-head{text-align:center;margin-bottom:60px}.k-sec-title{font-size:3.5rem;font-weight:700;margin-bottom:20px}.k-title-accent{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.k-sec-sub{font-size:1.2rem;color:var(--text-light);margin-bottom:30px}.k-sec-line{width:80px;height:4px;background:var(--gradient);margin:0 auto;border-radius:2px;animation:k-line 1s ease-out}@keyframes k-line{0%{width:0;opacity:0}to{width:80px;opacity:1}}.k-about-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.k-about-text h3{font-size:2rem;margin-bottom:30px;color:var(--white)}.k-about-text p{font-size:1.1rem;color:var(--text-light);margin-bottom:20px;line-height:1.8}.k-exp{margin-top:40px}.k-exp h4{font-size:1.5rem;margin-bottom:30px;color:var(--white)}.k-exp-item{display:flex;gap:20px;margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:var(--radius);border-left:4px solid var(--primary-color);transition:all .3s ease}.k-exp-item:hover{background:#ffffff1a;transform:translate(10px)}.k-exp-ico{font-size:1.5rem;color:var(--primary-color);margin-top:5px}.k-exp-content h5{font-size:1.2rem;margin-bottom:10px;color:var(--white)}.k-exp-meta{display:flex;gap:20px;margin-bottom:10px}.k-exp-company{color:var(--primary-color);font-weight:600}.k-exp-period{color:var(--text-light);font-size:.9rem}.k-highlights{display:flex;flex-direction:column;gap:25px}.k-highlight{padding:30px;background:#ffffff0d;border-radius:var(--radius);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.k-highlight:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-color)}.k-highlight-ico{font-size:2.5rem;margin-bottom:15px;color:var(--primary-color)}.k-highlight h4{font-size:1.3rem;margin-bottom:15px;color:var(--white)}.k-highlight p{color:var(--text-light);line-height:1.6}.k-skill-grid{max-width:1000px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.k-skill-card{padding:30px;background:#ffffff0d;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.k-skill-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-color)}.k-skill-top{display:flex;align-items:center;gap:15px;margin-bottom:20px}.k-skill-ico-box{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center}.k-skill-ico{font-size:1.5rem;color:var(--white)}.k-skill-info{flex:1}.k-skill-name{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--white)}.k-skill-percent{font-size:1rem;color:var(--primary-color);font-weight:600}.k-skill-progress{display:none}.k-tools{text-align:center}.k-tools h3{font-size:2rem;margin-bottom:40px;color:var(--white)}.k-tools-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.k-tool{display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.k-tool:hover{transform:translateY(-5px)}.k-tool-ico{font-size:3rem;transition:all .3s ease}.k-tool:hover .k-tool-ico{transform:scale(1.2)}.k-tool span{font-size:.9rem;color:var(--text-light)}.k-react{color:#61dafb}.k-node{color:#68a063}.k-mongo{color:#47a248}.k-projects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}.k-project-card{background:#ffffff0d;border-radius:var(--radius);padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.k-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transition:transform .3s ease}.k-project-card:hover:before{transform:scaleX(1)}.k-project-card:hover{background:#ffffff1a;transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 15px 40px #667eea33}.k-project-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.k-project-ico-box{width:60px;height:60px;background:var(--gradient);border-radius:15px;display:flex;align-items:center;justify-content:center}.k-project-ico{font-size:1.8rem;color:var(--white)}.k-action-btn{background:none;border:none;color:var(--text-light);font-size:1.2rem;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.k-action-btn:hover{color:gold;background:#ffffff1a}.k-project-name{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--white)}.k-project-desc{color:var(--text-light);margin-bottom:20px;line-height:1.6}.k-project-feats{margin-bottom:20px}.k-project-feats h4{font-size:1.1rem;margin-bottom:10px;color:var(--white)}.k-project-feats ul{list-style:none;padding-left:0}.k-project-feats li{color:var(--text-light);margin-bottom:8px;padding-left:20px;position:relative}.k-project-feats li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.k-project-techs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.k-tech-tag{background:var(--gradient);color:var(--white);padding:6px 15px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.k-tech-tag:hover{transform:scale(1.05)}.k-project-links{display:flex;gap:15px}.k-proj-link{flex:1;padding:12px 20px;background:var(--primary-color);color:var(--white);text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.k-proj-link:hover{background:var(--secondary-color);transform:translateY(-2px)}.k-proj-link.k-github{background:#ffffff1a}.k-proj-link.k-github:hover{background:#fff3}.k-link-ico{font-size:1.1rem}@media (max-width:768px){.k-hero{padding:100px 20px 60px}.k-hero-wrap{grid-template-columns:1fr;gap:40px;text-align:center}.k-avatar{width:200px;height:200px;margin:0 auto}.k-name{font-size:2.5rem}.k-stats{justify-content:center}.k-cta{justify-content:center;flex-wrap:wrap}.k-about-grid{grid-template-columns:1fr;gap:40px}.k-skill-grid,.k-projects-grid{grid-template-columns:1fr}.k-tools-grid{gap:20px}}:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--text-dark:#2d3748;--text-light:#94a3b8;--background:#0f172a;--surface:#1e293b;--white:#ffffff;--gradient:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--shadow:0 20px 40px rgba(0,0,0,.3);--shadow-hover:0 30px 60px rgba(0,0,0,.4);--radius:16px}.fz-shell{opacity:0;transform:translateY(20px);transition:all 1s ease}.fz-shell.fz-show{opacity:1;transform:translateY(0)}.fz-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);position:relative;overflow:hidden}.fz-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);animation:fz-float 6s ease-in-out infinite}@keyframes fz-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.fz-hero-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.fz-hero-img{display:flex;justify-content:center}.fz-avatar{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);box-shadow:0 0 50px #667eea80,inset 0 0 50px #667eea33;position:relative;animation:fz-glow 3s ease-in-out infinite alternate}@keyframes fz-glow{0%{box-shadow:0 0 30px #667eea80,inset 0 0 30px #667eea33}to{box-shadow:0 0 60px #667eeacc,inset 0 0 60px #667eea4d}}.fz-profile{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.fz-avatar:hover .fz-profile{transform:scale(1.05)}.fz-online{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4ade80;border:3px solid var(--surface);border-radius:50%;animation:fz-pulse 2s infinite}@keyframes fz-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.fz-hero-text{animation:fz-slide-right 1s ease-out}@keyframes fz-slide-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.fz-hero-title{margin-bottom:20px}.fz-hello{display:block;font-size:1.5rem;color:var(--text-light);margin-bottom:10px}.fz-name{display:block;font-size:4rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.fz-role{font-size:1.4rem;color:var(--primary-color);margin-bottom:10px;font-weight:600}.fz-desc{font-size:1.3rem;color:var(--accent-color);margin-bottom:15px;font-weight:500}.fz-tagline{font-size:1.1rem;color:var(--text-light);margin-bottom:30px;line-height:1.6}.fz-stats{display:flex;gap:40px;margin-bottom:40px;flex-wrap:wrap}.fz-stat{text-align:center}.fz-stat-num{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fz-stat-text{font-size:.9rem;color:var(--text-light)}.fz-cta{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}.fz-btn{padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.fz-btn-primary{background:var(--gradient);color:var(--white)}.fz-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.fz-btn-secondary{background:transparent;color:var(--white);border:2px solid var(--primary-color)}.fz-btn-secondary:hover{background:var(--primary-color);transform:translateY(-3px)}.fz-btn-ico{font-size:1.1rem}.fz-socials{display:flex;gap:15px}.fz-social{width:50px;height:50px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:all .3s ease;border:2px solid transparent}.fz-social:hover{background:var(--gradient);transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.fz-social-ico{font-size:1.3rem}.fz-scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.fz-scroll-text{font-size:.9rem;color:var(--text-light);margin-bottom:10px}.fz-scroll-arrow{width:20px;height:20px;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:rotate(45deg);margin:0 auto;animation:fz-bounce 2s infinite}@keyframes fz-bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.fz-main{padding:0}.fz-section{padding:100px 40px;position:relative}.fz-section:nth-child(2n){background:var(--surface)}.fz-sec-head{text-align:center;margin-bottom:60px}.fz-sec-title{font-size:3.5rem;font-weight:700;margin-bottom:20px}.fz-title-accent{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fz-sec-sub{font-size:1.2rem;color:var(--text-light);margin-bottom:30px}.fz-sec-line{width:80px;height:4px;background:var(--gradient);margin:0 auto;border-radius:2px;animation:fz-line 1s ease-out}@keyframes fz-line{0%{width:0;opacity:0}to{width:80px;opacity:1}}.fz-about-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.fz-about-text h3{font-size:2rem;margin-bottom:30px;color:var(--white)}.fz-about-text p{font-size:1.1rem;color:var(--text-light);margin-bottom:20px;line-height:1.8}.fz-exp{margin-top:40px}.fz-exp h4{font-size:1.5rem;margin-bottom:30px;color:var(--white)}.fz-exp-item{display:flex;gap:20px;margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:var(--radius);border-left:4px solid var(--primary-color);transition:all .3s ease}.fz-exp-item:hover{background:#ffffff1a;transform:translate(10px)}.fz-exp-ico{font-size:1.5rem;color:var(--primary-color);margin-top:5px}.fz-exp-content h5{font-size:1.2rem;margin-bottom:10px;color:var(--white)}.fz-exp-meta{display:flex;gap:20px;margin-bottom:10px}.fz-exp-company{color:var(--primary-color);font-weight:600}.fz-exp-period{color:var(--text-light);font-size:.9rem}.fz-highlights{display:flex;flex-direction:column;gap:25px}.fz-highlight{padding:30px;background:#ffffff0d;border-radius:var(--radius);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.fz-highlight:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-color)}.fz-highlight-ico{font-size:2.5rem;margin-bottom:15px;color:var(--primary-color)}.fz-highlight h4{font-size:1.3rem;margin-bottom:15px;color:var(--white)}.fz-highlight p{color:var(--text-light);line-height:1.6}.fz-skill-grid{max-width:1000px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.fz-skill-card{padding:30px;background:#ffffff0d;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.fz-skill-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-color)}.fz-skill-top{display:flex;align-items:center;gap:15px;margin-bottom:20px}.fz-skill-ico-box{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center}.fz-skill-ico{font-size:1.5rem;color:var(--white)}.fz-skill-info{flex:1}.fz-skill-name{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--white)}.fz-skill-percent{font-size:1rem;color:var(--primary-color);font-weight:600}.fz-skill-progress{display:none}.fz-tools{text-align:center}.fz-tools h3{font-size:2rem;margin-bottom:40px;color:var(--white)}.fz-tools-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.fz-tool{display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.fz-tool:hover{transform:translateY(-5px)}.fz-tool-ico{font-size:3rem;transition:all .3s ease}.fz-tool:hover .fz-tool-ico{transform:scale(1.2)}.fz-tool span{font-size:.9rem;color:var(--text-light)}.fz-docker{color:#2496ed}.fz-k8s{color:#326ce5}.fz-projects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}.fz-project-card{background:#ffffff0d;border-radius:var(--radius);padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.fz-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transition:transform .3s ease}.fz-project-card:hover:before{transform:scaleX(1)}.fz-project-card:hover{background:#ffffff1a;transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 15px 40px #667eea33}.fz-project-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.fz-project-ico-box{width:60px;height:60px;background:var(--gradient);border-radius:15px;display:flex;align-items:center;justify-content:center}.fz-project-ico{font-size:1.8rem;color:var(--white)}.fz-action-btn{background:none;border:none;color:var(--text-light);font-size:1.2rem;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.fz-action-btn:hover{color:gold;background:#ffffff1a}.fz-project-name{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--white)}.fz-project-desc{color:var(--text-light);margin-bottom:20px;line-height:1.6}.fz-project-feats{margin-bottom:20px}.fz-project-feats h4{font-size:1.1rem;margin-bottom:10px;color:var(--white)}.fz-project-feats ul{list-style:none;padding-left:0}.fz-project-feats li{color:var(--text-light);margin-bottom:8px;padding-left:20px;position:relative}.fz-project-feats li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.fz-project-techs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.fz-tech-tag{background:var(--gradient);color:var(--white);padding:6px 15px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.fz-tech-tag:hover{transform:scale(1.05)}.fz-project-links{display:flex;gap:15px}.fz-proj-link{flex:1;padding:12px 20px;background:var(--primary-color);color:var(--white);text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.fz-proj-link:hover{background:var(--secondary-color);transform:translateY(-2px)}.fz-proj-link.fz-github{background:#ffffff1a}.fz-proj-link.fz-github:hover{background:#fff3}.fz-link-ico{font-size:1.1rem}@media (max-width:768px){.fz-hero{padding:100px 20px 60px}.fz-hero-wrap{grid-template-columns:1fr;gap:40px;text-align:center}.fz-avatar{width:200px;height:200px;margin:0 auto}.fz-name{font-size:2.5rem}.fz-stats{justify-content:center}.fz-cta{justify-content:center;flex-wrap:wrap}.fz-about-grid{grid-template-columns:1fr;gap:40px}.fz-skill-grid,.fz-projects-grid{grid-template-columns:1fr}.fz-tools-grid{gap:20px}}:root{--hm-primary: #667eea;--hm-secondary: #764ba2;--hm-accent: #f093fb;--hm-text-light: #94a3b8;--hm-bg: #0f172a;--hm-surface: #1e293b;--hm-white: #ffffff;--hm-grad: linear-gradient(135deg, var(--hm-primary), var(--hm-secondary));--hm-radius: 16px}body{background:var(--hm-bg);color:var(--hm-white);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.huma-portfolio-root{opacity:0;transform:translateY(20px);transition:all .9s ease}.huma-portfolio-root.hm-mounted{opacity:1;transform:translateY(0)}.hm-hero-wrap{background:linear-gradient(135deg,var(--hm-bg) 0%,var(--hm-surface) 100%)}.hm-hero{min-height:100vh;padding:120px 40px 80px;position:relative;overflow:hidden}.hm-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.12) 0%,transparent 50%);animation:hm-float 6s ease-in-out infinite}@keyframes hm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.hm-hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.hm-hero-photo{display:flex;justify-content:center}.hm-avatar{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--hm-primary);box-shadow:0 0 50px #667eea80,inset 0 0 50px #667eea33;position:relative;animation:hm-glow 3s ease-in-out infinite alternate}@keyframes hm-glow{0%{box-shadow:0 0 30px #667eea80,inset 0 0 30px #667eea33}to{box-shadow:0 0 60px #667eeacc,inset 0 0 60px #667eea4d}}.hm-avatar-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hm-avatar:hover .hm-avatar-img{transform:scale(1.05)}.hm-online-dot{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4ade80;border-radius:50%;border:3px solid var(--hm-surface);animation:hm-pulse 2s infinite}@keyframes hm-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.75}}.hm-hero-copy{animation:hm-slide 1s ease-out}@keyframes hm-slide{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.hm-hero-title{margin-bottom:18px}.hm-hello{display:block;font-size:1.4rem;color:var(--hm-text-light);margin-bottom:8px}.hm-name{display:block;font-size:3.8rem;font-weight:800;line-height:1.08;background:var(--hm-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hm-role{font-size:1.25rem;color:var(--hm-primary);font-weight:700;margin:4px 0 8px}.hm-sub{font-size:1.1rem;color:var(--hm-accent);font-weight:600;margin-bottom:10px}.hm-blurb{color:var(--hm-text-light);line-height:1.7;margin-bottom:26px}.hm-stats{display:flex;gap:38px;flex-wrap:wrap;margin-bottom:34px}.hm-stat{text-align:center}.hm-num{display:block;font-size:2.2rem;font-weight:800;background:var(--hm-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hm-txt{font-size:.92rem;color:var(--hm-text-light)}.hm-cta{display:flex;gap:16px;margin-bottom:30px;flex-wrap:wrap}.hm-btn{padding:14px 26px;border:none;border-radius:40px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s ease}.hm-btn-ico{font-size:1.1rem}.hm-btn-primary{background:var(--hm-grad);color:var(--hm-white)}.hm-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #667eea66}.hm-btn-ghost{background:transparent;color:var(--hm-white);border:2px solid var(--hm-primary)}.hm-btn-ghost:hover{background:var(--hm-primary);transform:translateY(-3px)}.hm-socials{display:flex;gap:12px}.hm-social-link{width:48px;height:48px;border-radius:50%;background:var(--hm-surface);display:flex;align-items:center;justify-content:center;color:var(--hm-white);border:2px solid transparent;transition:all .25s ease;text-decoration:none}.hm-social-link:hover{background:var(--hm-grad);transform:translateY(-3px);box-shadow:0 10px 24px #667eea4d}.hm-scroll-tip{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.hm-scroll-text{font-size:.92rem;color:var(--hm-text-light);margin-bottom:10px}.hm-scroll-arrow{width:20px;height:20px;border-right:2px solid var(--hm-primary);border-bottom:2px solid var(--hm-primary);transform:rotate(45deg);animation:hm-bounce 2s infinite}@keyframes hm-bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.hm-main{padding:0}.hm-section{padding:96px 40px;position:relative}.hm-section:nth-child(2n){background:var(--hm-surface)}.hm-sec-head{text-align:center;margin-bottom:56px}.hm-sec-title{font-size:3.1rem;font-weight:800;margin-bottom:14px}.hm-accent{background:var(--hm-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hm-sec-sub{color:var(--hm-text-light);font-size:1.05rem;margin-bottom:18px}.hm-sec-line{width:80px;height:4px;background:var(--hm-grad);margin:0 auto;border-radius:2px}.hm-about-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:56px;align-items:start}.hm-h3{font-size:1.9rem;margin-bottom:22px;color:var(--hm-white)}.hm-p{color:var(--hm-text-light);font-size:1.05rem;line-height:1.8;margin-bottom:16px}.hm-timeline{margin-top:28px}.hm-h4{font-size:1.35rem;margin-bottom:22px}.hm-tl-item{display:flex;gap:16px;margin-bottom:20px;padding:22px;background:#ffffff0d;border-radius:var(--hm-radius);border-left:4px solid var(--hm-primary);transition:all .25s ease}.hm-tl-item:hover{background:#ffffff1a;transform:translate(8px)}.hm-exp-ico{font-size:1.4rem;color:var(--hm-primary);margin-top:4px}.hm-tl-title{font-size:1.15rem;margin-bottom:6px}.hm-tl-meta{display:flex;gap:14px;margin-bottom:8px}.hm-company{color:var(--hm-primary);font-weight:700}.hm-period{color:var(--hm-text-light);font-size:.92rem}.hm-tl-text{color:var(--hm-text-light)}.hm-about-cards{display:flex;flex-direction:column;gap:20px}.hm-card{padding:26px;background:#ffffff0d;border-radius:var(--hm-radius);border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .25s ease}.hm-card:hover{background:#ffffff1a;transform:translateY(-4px);border-color:var(--hm-primary)}.hm-card-ico{font-size:2.1rem;color:var(--hm-primary);margin-bottom:10px}.hm-card-title{font-size:1.2rem;margin-bottom:8px}.hm-card-txt{color:var(--hm-text-light)}.hm-skill-grid{max-width:1000px;margin:0 auto 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.hm-skill-card{padding:24px;background:#ffffff0d;border-radius:var(--hm-radius);border:1px solid rgba(255,255,255,.1);transition:all .25s ease}.hm-skill-card:hover{background:#ffffff1a;transform:translateY(-4px);border-color:var(--hm-primary)}.hm-skill-top{display:flex;align-items:center;gap:14px}.hm-skill-ico-wrap{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--hm-grad)}.hm-skill-ico{font-size:1.4rem;color:var(--hm-white)}.hm-skill-info{flex:1;display:flex;align-items:center;justify-content:space-between}.hm-skill-name{font-weight:700}.hm-skill-num{color:var(--hm-primary);font-weight:800}.hm-tools{text-align:center}.hm-tools .hm-h3{margin-bottom:28px}.hm-tools-grid{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.hm-tool{display:flex;align-items:center;gap:10px;background:#ffffff0f;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease}.hm-tool:hover{transform:translateY(-3px)}.hm-tool-ico{font-size:1.3rem}.hm-proj-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:26px}.hm-proj-card{position:relative;padding:26px;border-radius:var(--hm-radius);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .25s ease;overflow:hidden}.hm-proj-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--hm-grad);transform:scaleX(0);transition:transform .25s ease}.hm-proj-card:hover:before{transform:scaleX(1)}.hm-proj-card:hover{transform:translateY(-8px);border-color:var(--hm-primary)}.hm-proj-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hm-proj-ico-wrap{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--hm-grad)}.hm-proj-ico{color:var(--hm-white);font-size:1.7rem}.hm-act-btn{background:transparent;color:var(--hm-text-light);border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.hm-act-btn:hover{color:gold;background:#ffffff1a}.hm-proj-title{font-size:1.35rem;font-weight:700;margin-bottom:10px}.hm-proj-desc{color:var(--hm-text-light);margin-bottom:16px;line-height:1.6}.hm-proj-feats h4{margin-bottom:8px}.hm-proj-feats ul{list-style:none;padding:0}.hm-proj-feats li{color:var(--hm-text-light);margin-bottom:6px;padding-left:18px;position:relative}.hm-proj-feats li:before{content:"▹";position:absolute;left:0;color:var(--hm-primary)}.hm-proj-techs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.hm-tech-tag{background:var(--hm-grad);color:var(--hm-white);padding:6px 14px;border-radius:18px;font-size:.82rem;font-weight:600;transition:transform .2s ease}.hm-tech-tag:hover{transform:scale(1.05)}.hm-proj-links{display:flex;gap:12px}.hm-link{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:12px 16px;border-radius:10px;font-weight:700;transition:all .2s ease}.hm-link-ico{font-size:1rem}.hm-link-live{background:var(--hm-primary);color:var(--hm-white)}.hm-link-live:hover{background:var(--hm-secondary);transform:translateY(-2px)}.hm-link-dark{background:#ffffff1f;color:var(--hm-white)}.hm-link-dark:hover{background:#fff3;transform:translateY(-2px)}.hm-proj-badge{position:absolute;top:12px;right:12px;background:#667eea1f;color:var(--hm-primary);border:1px solid rgba(102,126,234,.25);padding:4px 10px;border-radius:18px;font-size:.78rem;font-weight:800}.hm-hint{text-align:center;margin-top:12px;padding:10px;background:#667eea1f;border-radius:10px;color:var(--hm-primary);font-weight:700}@media (max-width: 900px){.hm-hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hm-avatar{width:220px;height:220px}.hm-name{font-size:2.6rem}.hm-stats,.hm-cta{justify-content:center}.hm-about-grid{grid-template-columns:1fr;gap:36px}.hm-proj-grid{grid-template-columns:1fr}}:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--text-dark:#2d3748;--text-light:#94a3b8;--background:#0f172a;--surface:#1e293b;--white:#ffffff;--gradient:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--shadow:0 20px 40px rgba(0,0,0,.3);--shadow-hover:0 30px 60px rgba(0,0,0,.4);--border-radius:16px}.shahrukh-main-container,.sheheryar-main-container,.abdullah-main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.shahrukh-main-container.main-visible,.sheheryar-main-container.main-visible,.abdullah-main-container.main-visible{opacity:1;transform:translateY(0)}.hero-main-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);animation:float-animation 6s ease-in-out infinite}.main-avatar-container{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);box-shadow:0 0 50px #667eea80,inset 0 0 50px #667eea33;position:relative;animation:avatar-glow 3s ease-in-out infinite alternate}@keyframes avatar-glow{0%{box-shadow:0 0 30px #667eea80,inset 0 0 30px #667eea33}to{box-shadow:0 0 60px #667eeacc,inset 0 0 60px #667eea4d}}.profile-main-image{width:280px;height:280px;border-radius:50%;object-fit:cover;box-shadow:0 10px 30px #667eea4d;transition:all .3s ease}.profile-main-image:hover{transform:scale(1.05);box-shadow:0 15px 40px #667eea66}.online-status{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4ade80;border-radius:50%;border:3px solid #fff;z-index:10;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.hero-description{font-size:1.2rem;color:var(--accent-color);margin-bottom:12px;font-weight:500}.hero-tagline-main{font-size:1.05rem;color:var(--text-light);margin-bottom:28px;line-height:1.65}.hero-stats-container{display:flex;gap:40px;margin-bottom:32px;flex-wrap:wrap}.stat-number-main{display:block;font-size:2.3rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-buttons-container{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.primary-btn{background:var(--gradient);color:#fff}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.secondary-btn{background:transparent;color:#fff;border:2px solid var(--primary-color)}.social-main-link{width:50px;height:50px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.social-main-link:hover{background:var(--gradient);transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.scroll-main-arrow{width:20px;height:20px;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:rotate(45deg);margin:0 auto;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.section-main-title{font-size:3.2rem;font-weight:700;margin-bottom:18px}.section-main-subtitle{font-size:1.15rem;color:var(--text-light);margin-bottom:26px}.accent-main-line{width:80px;height:4px;background:var(--gradient);margin:0 auto;border-radius:2px;animation:line-extend 1s ease-out}.about-main-text h3{font-size:2rem;margin-bottom:24px;color:#fff}.about-main-text p{font-size:1.05rem;color:var(--text-light);margin-bottom:18px;line-height:1.75}.experience-main-timeline{margin-top:30px}.experience-main-timeline h4{font-size:1.45rem;margin-bottom:20px;color:#fff}.timeline-main-item{display:flex;gap:20px;margin-bottom:22px;padding:22px;background:#ffffff0d;border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:all .3s ease}.timeline-main-content h5{font-size:1.15rem;margin-bottom:8px;color:#fff}.timeline-main-meta{display:flex;gap:16px;margin-bottom:8px}.about-main-highlights{display:flex;flex-direction:column;gap:20px}.highlight-main-card{padding:26px;background:#ffffff0d;border-radius:var(--border-radius);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.highlight-main-icon{font-size:2.2rem;margin-bottom:12px;color:var(--primary-color)}.highlight-main-card h4{font-size:1.2rem;margin-bottom:10px;color:#fff}.skills-main-grid{max-width:1000px;margin:0 auto 50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.skill-main-card{padding:26px;background:#ffffff0d;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-main-header{display:flex;align-items:center;gap:15px;margin-bottom:14px}.skill-icon-main{font-size:1.5rem;color:#fff}.skill-main-name{font-size:1.1rem;font-weight:600;margin-bottom:4px;color:#fff}.skill-main-progress{display:none}.tech-main-stack h3{font-size:1.8rem;margin-bottom:28px;color:#fff}.tech-main-icons{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}.tech-main-item{display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.tech-main-item:hover .tech-main-icon{transform:scale(1.12)}.react-icon{color:#61dafb}.mongo-icon{color:#47a248}.tensorflow-icon{color:#ff6f00}.pytorch-icon{color:#ee4c2c}.brain-icon{color:#d000ff}.projects-main-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:28px}.project-main-card{background:#ffffff0d;border-radius:var(--border-radius);padding:28px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.project-main-card:hover{background:#ffffff1a;transform:translateY(-8px);border-color:var(--primary-color)}.project-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-icon-main{font-size:1.8rem;color:#fff}.project-main-title{font-size:1.4rem;font-weight:600;margin-bottom:12px;color:#fff}.project-main-description{color:var(--text-light);margin-bottom:16px;line-height:1.6}.project-main-features{margin-bottom:16px}.project-main-features h4{font-size:1.05rem;margin-bottom:8px;color:#fff}.project-main-features li{color:var(--text-light);margin-bottom:7px;padding-left:18px;position:relative}.project-main-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tech-main-tag{background:var(--gradient);color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.project-main-links{display:flex;gap:14px}.project-main-link{flex:1;padding:12px 18px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.link-main-icon{font-size:1.05rem}@media (max-width:768px){.hero-main-section{padding:100px 20px 60px}.hero-content-wrapper{grid-template-columns:1fr;gap:40px;text-align:center}.main-avatar-container,.profile-main-image{width:200px;height:200px}.hero-name{font-size:2.6rem}.hero-stats-container,.hero-buttons-container{justify-content:center}.about-main-content{grid-template-columns:1fr;gap:40px}.skills-main-grid,.projects-main-grid{grid-template-columns:1fr}.tech-main-icons{gap:20px}}:root{--primary-color: #4ecdc4;--secondary-color: #44a08d;--accent-color: #ff6b6b;--text-dark: #2d3748;--text-light: #94a3b8;--background: #0a192f;--surface: #112240;--white: #ffffff;--gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--shadow: 0 20px 40px rgba(0,0,0,.3);--shadow-hover: 0 30px 60px rgba(0,0,0,.4);--border-radius: 16px}.umer-main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.umer-main-container.main-visible{opacity:1;transform:translateY(0)}.main-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#112240f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.nav-brand-container .brand-name{font-size:1.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links-container{display:flex;gap:30px}.nav-btn{background:none;border:none;color:var(--text-light);font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;position:relative;overflow:hidden}.nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient);transition:left .3s ease;z-index:-1;border-radius:25px}.nav-btn:hover:before,.nav-btn.nav-active:before{left:0}.nav-btn:hover,.nav-btn.nav-active{color:var(--white);transform:translateY(-2px)}.nav-btn-icon{font-size:1.1rem}.hero-main-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);position:relative;overflow:hidden}.hero-main-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(78,205,196,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%);animation:float-animation 6s ease-in-out infinite}.hero-content-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-image-section{display:flex;justify-content:center}.main-avatar-container{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);box-shadow:0 0 50px #4ecdc480,inset 0 0 50px #4ecdc433;position:relative;animation:avatar-glow-animation 3s ease-in-out infinite alternate}@keyframes avatar-glow-animation{0%{box-shadow:0 0 30px #4ecdc480,inset 0 0 30px #4ecdc433}to{box-shadow:0 0 60px #4ecdc4cc,inset 0 0 60px #4ecdc44d}}.avatar-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.main-avatar-container:hover .avatar-image{transform:scale(1.05)}.online-status{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4caf50;border:3px solid var(--surface);border-radius:50%;animation:pulse-animation 2s infinite}.hero-text-section{animation:slide-in-right 1s ease-out}.main-hero-title{margin-bottom:20px}.hero-greeting{display:block;font-size:1.5rem;color:var(--text-light);margin-bottom:10px}.hero-name{display:block;font-size:4rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero-position{font-size:1.4rem;color:var(--primary-color);margin-bottom:10px;font-weight:600}.hero-description{font-size:1.3rem;color:var(--accent-color);margin-bottom:15px;font-weight:500}.hero-tagline-main{font-size:1.1rem;color:var(--text-light);margin-bottom:30px;line-height:1.6}.hero-stats-container{display:flex;gap:40px;margin-bottom:40px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number-main{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-text{font-size:.9rem;color:var(--text-light)}.hero-buttons-container{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}.primary-btn,.secondary-btn{padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.primary-btn{background:var(--gradient);color:var(--white)}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #4ecdc466}.secondary-btn{background:transparent;color:var(--white);border:2px solid var(--primary-color)}.secondary-btn:hover{background:var(--primary-color);transform:translateY(-3px)}.btn-icon-main{font-size:1.1rem}.social-main-links{display:flex;gap:15px}.social-main-link{width:50px;height:50px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:all .3s ease;border:2px solid transparent}.social-main-link:hover{background:var(--gradient);transform:translateY(-3px);box-shadow:0 10px 25px #4ecdc44d}.social-main-icon{font-size:1.3rem}.scroll-main-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.scroll-main-text{font-size:.9rem;color:var(--text-light);margin-bottom:10px}.scroll-main-arrow{width:20px;height:20px;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:rotate(45deg);margin:0 auto;animation:bounce-animation 2s infinite}.main-sections-container{padding:0}.section-main{padding:100px 40px;position:relative}.section-main:nth-child(2n){background:var(--surface)}.section-main-header{text-align:center;margin-bottom:60px}.section-main-title{font-size:3.5rem;font-weight:700;margin-bottom:20px}.title-main-accent{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-main-subtitle{font-size:1.2rem;color:var(--text-light);margin-bottom:30px}.accent-main-line{width:80px;height:4px;background:var(--gradient);margin:0 auto;border-radius:2px;animation:line-extend-animation 1s ease-out}@keyframes line-extend-animation{0%{width:0;opacity:0}to{width:80px;opacity:1}}.about-main-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.about-main-text h3{font-size:2rem;margin-bottom:30px;color:var(--white)}.about-main-text p{font-size:1.1rem;color:var(--text-light);margin-bottom:20px;line-height:1.8}.experience-main-timeline{margin-top:40px}.experience-main-timeline h4{font-size:1.5rem;margin-bottom:30px;color:var(--white)}.timeline-main-item{display:flex;gap:20px;margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:all .3s ease}.timeline-main-item:hover{background:#ffffff1a;transform:translate(10px)}.timeline-main-icon{font-size:1.5rem;color:var(--primary-color);margin-top:5px}.exp-icon-main{font-size:1.5rem}.timeline-main-content h5{font-size:1.2rem;margin-bottom:10px;color:var(--white)}.timeline-main-meta{display:flex;gap:20px;margin-bottom:10px}.company-main{color:var(--primary-color);font-weight:600}.period-main{color:var(--text-light);font-size:.9rem}.about-main-highlights{display:flex;flex-direction:column;gap:25px}.highlight-main-card{padding:30px;background:#ffffff0d;border-radius:var(--border-radius);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.highlight-main-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-color)}.highlight-main-icon{font-size:2.5rem;margin-bottom:15px;color:var(--primary-color)}.highlight-main-card h4{font-size:1.3rem;margin-bottom:15px;color:var(--white)}.highlight-main-card p{color:var(--text-light);line-height:1.6}.skills-main-grid{max-width:1000px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.skill-main-card{padding:30px;background:#ffffff0d;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-main-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-color)}.skill-main-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.skill-main-icon-container{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center}.skill-icon-main{font-size:1.5rem;color:var(--white)}.skill-main-info{flex:1}.skill-main-name{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--white)}.skill-main-percentage{font-size:1rem;color:var(--primary-color);font-weight:600}.skill-main-progress{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.skill-main-progress-fill{height:100%;border-radius:4px;width:0;transition:width 1.5s ease-in-out;position:relative}.skill-main-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-animation 2s infinite}@keyframes shimmer-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tech-main-stack{text-align:center}.tech-main-stack h3{font-size:2rem;margin-bottom:40px;color:var(--white)}.tech-main-icons{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.tech-main-item{display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.tech-main-item:hover{transform:translateY(-5px)}.tech-main-icon{font-size:3rem;transition:all .3s ease}.tech-main-item:hover .tech-main-icon{transform:scale(1.2)}.nodejs-icon{color:#68a063}.python-icon{color:#3776ab}.mongodb-icon{color:#47a248}.postgresql-icon{color:#336791}.docker-icon{color:#2496ed}.aws-icon{color:#f90}.tech-main-item span{font-size:.9rem;color:var(--text-light)}.projects-main-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}.project-main-card{background:#ffffff0d;border-radius:var(--border-radius);padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.project-main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transition:transform .3s ease}.project-main-card:hover:before{transform:scaleX(1)}.project-main-card:hover{background:#ffffff1a;transform:translateY(-10px);border-color:var(--primary-color)}.project-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.project-main-icon-container{width:60px;height:60px;background:var(--gradient);border-radius:15px;display:flex;align-items:center;justify-content:center}.project-icon-main{font-size:1.8rem;color:var(--white)}.action-main-btn{background:none;border:none;color:var(--text-light);font-size:1.2rem;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.action-main-btn:hover{color:gold;background:#ffffff1a}.project-main-title{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--white)}.project-main-description{color:var(--text-light);margin-bottom:20px;line-height:1.6}.project-main-features{margin-bottom:20px}.project-main-features h4{font-size:1.1rem;margin-bottom:10px;color:var(--white)}.project-main-features ul{list-style:none;padding-left:0}.project-main-features li{color:var(--text-light);margin-bottom:8px;padding-left:20px;position:relative}.project-main-features li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.project-main-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.tech-main-tag{background:var(--gradient);color:var(--white);padding:6px 15px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.tech-main-tag:hover{transform:scale(1.05)}.project-main-links{display:flex;gap:15px}.project-main-link{flex:1;padding:12px 20px;background:var(--primary-color);color:var(--white);text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.project-main-link:hover{background:var(--secondary-color);transform:translateY(-2px)}.project-main-link.github-link{background:#ffffff1a}.project-main-link.github-link:hover{background:#fff3}.link-main-icon{font-size:1.1rem}.main-footer-section{background:var(--surface);padding:40px;border-top:1px solid rgba(255,255,255,.1)}.footer-main-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-brand-main h3{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.5rem;margin-bottom:5px}.footer-brand-main p{color:var(--text-light)}.footer-tagline{color:var(--accent-color)!important;font-weight:500}.footer-links-main{display:flex;gap:20px}.footer-links-main a{color:var(--text-light);text-decoration:none;transition:color .3s ease}.footer-links-main a:hover{color:var(--primary-color)}.footer-copyright-main{color:var(--text-light);font-size:.9rem;text-align:right}@media (max-width: 768px){.main-navigation{padding:15px 20px}.nav-links-container{gap:15px}.nav-btn{padding:8px 15px;font-size:.9rem}.hero-main-section{padding:100px 20px 60px}.hero-content-wrapper{grid-template-columns:1fr;gap:40px;text-align:center}.main-avatar-container{width:200px;height:200px}.hero-name{font-size:2.5rem}.hero-stats-container{justify-content:center}.hero-buttons-container{justify-content:center;flex-wrap:wrap}.about-main-content{grid-template-columns:1fr;gap:40px}.skills-main-grid,.projects-main-grid{grid-template-columns:1fr}.tech-main-icons{gap:20px}.footer-main-content{flex-direction:column;text-align:center}}:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--text-dark: #2d3748;--text-light: #94a3b8;--background: #0f172a;--surface: #1e293b;--white: #ffffff;--gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--shadow: 0 20px 40px rgba(0,0,0,.3);--shadow-hover: 0 30px 60px rgba(0,0,0,.4);--border-radius: 16px}body{background:var(--background);color:var(--white);font-family:Inter,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.main-container{opacity:0;transform:translateY(20px);transition:all 1s ease}.main-container.show{opacity:1;transform:translateY(0)}.page-header{position:relative}.heru-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);animation:float-animation 6s ease-in-out infinite}@keyframes float-animation{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.hero-wrappe{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;position:relative;z-index:2}.image-section{display:flex;justify-content:center}.image-container{width:300px;height:300px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);box-shadow:0 0 50px #667eea80,inset 0 0 50px #667eea33;position:relative;animation:glow-effect 3s ease-in-out infinite alternate}@keyframes glow-effect{0%{box-shadow:0 0 30px #667eea80,inset 0 0 30px #667eea33}to{box-shadow:0 0 60px #667eeacc,inset 0 0 60px #667eea4d}}.profile-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-container:hover .profile-image{transform:scale(1.05)}.active-dot{position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:#4caf50;border:3px solid var(--surface);border-radius:50%;animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.text-section{animation:slide-in-right 1s ease-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.main-title{margin-bottom:20px}.intro-text{display:block;font-size:1.5rem;color:var(--text-light);margin-bottom:10px}.name-text{display:block;font-size:4rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.role-text{font-size:1.4rem;color:var(--primary-color);margin-bottom:10px;font-weight:600}.specialization{font-size:1.3rem;color:var(--accent-color);margin-bottom:15px;font-weight:500}.bio-text{font-size:1.1rem;color:var(--text-light);margin-bottom:30px;line-height:1.6}.achievements{display:flex;gap:40px;margin-bottom:40px;flex-wrap:wrap}.achievement-item{text-align:center}.achievement-number{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.achievement-label{font-size:.9rem;color:var(--text-light)}.action-buttons{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap}.action-btn{padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.primary-action{background:var(--gradient);color:var(--white)}.primary-action:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.secondary-action{background:transparent;color:var(--white);border:2px solid var(--primary-color)}.secondary-action:hover{background:var(--primary-color);transform:translateY(-3px)}.button-icon{font-size:1.1rem}.social-icons{display:flex;gap:15px}.social-item{width:50px;height:50px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:all .3s ease;border:2px solid transparent}.social-item:hover{background:var(--gradient);transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.social-symbol{font-size:1.3rem}.scroll-guide{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.guide-text{font-size:.9rem;color:var(--text-light);margin-bottom:10px}.guide-arrow{width:20px;height:20px;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:rotate(45deg);margin:0 auto;animation:bounce-animation 2s infinite}@keyframes bounce-animation{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.content-sections{padding:0}.content-section{padding:100px 40px;position:relative}.content-section:nth-child(2n){background:var(--surface)}.section-heading{text-align:center;margin-bottom:60px}.heading-title{font-size:3.5rem;font-weight:700;margin-bottom:20px}.highlight-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heading-subtitle{font-size:1.2rem;color:var(--text-light);margin-bottom:30px}.heading-line{width:80px;height:4px;background:var(--gradient);margin:0 auto;border-radius:2px;animation:line-extend 1s ease-out}@keyframes line-extend{0%{width:0;opacity:0}to{width:80px;opacity:1}}.about-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.text-content h3{font-size:2rem;margin-bottom:30px;color:var(--white)}.text-content p{font-size:1.1rem;color:var(--text-light);margin-bottom:20px;line-height:1.8}.career-timeline{margin-top:40px}.career-timeline h4{font-size:1.5rem;margin-bottom:30px;color:var(--white)}.career-item{display:flex;gap:20px;margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:all .3s ease}.career-item:hover{background:#ffffff1a;transform:translate(10px)}.career-icon{font-size:1.5rem;color:var(--primary-color);margin-top:5px}.exp-icon{font-size:1.5rem}.career-details h5{font-size:1.2rem;margin-bottom:10px;color:var(--white)}.career-meta{display:flex;gap:20px;margin-bottom:10px}.firm-name{color:var(--primary-color);font-weight:600}.duration{color:var(--text-light);font-size:.9rem}.feature-cards{display:flex;flex-direction:column;gap:25px}.feature-item{padding:30px;background:#ffffff0d;border-radius:var(--border-radius);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.feature-item:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-color)}.feature-icon{font-size:2.5rem;margin-bottom:15px;color:var(--primary-color)}.feature-item h4{font-size:1.3rem;margin-bottom:15px;color:var(--white)}.feature-item p{color:var(--text-light);line-height:1.6}.skills-layout{max-width:1000px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.skill-item{padding:30px;background:#ffffff0d;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-item:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--primary-color)}.skill-top{display:flex;align-items:center;gap:15px;margin-bottom:20px}.skill-icon-container{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center}.skill-icon{font-size:1.5rem;color:var(--white)}.skill-details{flex:1}.skill-title{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--white)}.skill-level{font-size:1rem;color:var(--primary-color);font-weight:600}.skill-category{margin-bottom:60px}.category-heading{font-size:2rem;margin-bottom:30px;color:var(--white);text-align:center}.tools-section{text-align:center}.tools-section h3{font-size:2rem;margin-bottom:40px;color:var(--white)}.tools-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.tool-item{display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.tool-item:hover{transform:translateY(-5px)}.tool-icon{font-size:3rem;transition:all .3s ease}.tool-item:hover .tool-icon{transform:scale(1.2)}.tool-item span{font-size:.9rem;color:var(--text-light)}.projects-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}.project-item{background:#ffffff0d;border-radius:var(--border-radius);padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.project-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transition:transform .3s ease}.project-item:hover:before{transform:scaleX(1)}.project-item:hover{background:#ffffff1a;transform:translateY(-10px);border-color:var(--primary-color)}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.project-icon-wrapper{width:60px;height:60px;background:var(--gradient);border-radius:15px;display:flex;align-items:center;justify-content:center}.project-icon{font-size:1.8rem;color:var(--white)}.project-label{background:#667eea1a;color:#667eea;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(102,126,234,.2)}.project-info{position:relative}.project-name{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--white)}.project-summary{color:var(--text-light);margin-bottom:20px;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.tag-item{background:var(--gradient);color:var(--white);padding:6px 15px;border-radius:20px;font-size:.8rem;font-weight:500;transition:all .3s ease}.tag-item:hover{transform:scale(1.05)}.extra-tag{background:#667eea!important;color:#fff!important}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#64748b;transition:all .3s ease}.modal-close:hover{background:#e2e8f0;color:#334155}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-right:3rem}.modal-icon{font-size:3rem;color:#667eea}.modal-title-area h2{font-size:2rem;color:#1a202c;margin:0 0 .5rem}.modal-label{background:#667eea;color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.modal-body h3{color:#2d3748;margin-bottom:1rem;font-size:1.25rem}.modal-description{margin-bottom:2rem}.modal-description p{color:#4a5568;line-height:1.6;font-size:1.1rem}.modal-features{margin-bottom:2rem}.modal-features ul{list-style:none;padding:0}.modal-features li{color:#4a5568;position:relative;padding:.5rem 0 .5rem 1.5rem}.modal-features li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.modal-technologies{margin-bottom:2rem}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.modal-tag{background:#f7fafc;color:#2d3748;padding:.5rem 1rem;border-radius:15px;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0}.modal-links{display:flex;gap:1rem;flex-wrap:wrap}.modal-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease}.app-link{background:#667eea;color:#fff}.code-link{background:#2d3748;color:#fff}.modal-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.link-symbol{font-size:1.2rem}@media (max-width: 768px){.hero-section{padding:100px 20px 60px}.hero-wrapper{grid-template-columns:1fr;gap:40px;text-align:center}.image-container{width:200px;height:200px}.name-text{font-size:2.5rem}.achievements{justify-content:center}.action-buttons{justify-content:center;flex-wrap:wrap}.about-layout{grid-template-columns:1fr;gap:40px}.skills-layout,.projects-layout{grid-template-columns:1fr}.tools-grid{gap:20px}.modal-content{padding:1.5rem;margin:1rem}.modal-header{flex-direction:column;text-align:center;gap:.5rem}.modal-title-area h2{font-size:1.5rem}.modal-links{flex-direction:column}.modal-link{justify-content:center}}.web-development-page{position:relative;min-height:100vh;font-family:Inter,sans-serif;background:#fff;color:#111827}.section-header h2{font-size:2.5rem;margin:20px 0;color:#111827;font-weight:700}.section-description{font-size:1.125rem;color:#374151;max-width:680px;margin:0 auto;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.875rem;font-weight:800;color:#f59e0b;margin-bottom:10px;display:block}.btn{padding:14px 32px;border-radius:10px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .25s ease;display:inline-block;text-decoration:none;border:none}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 6px 18px #f59e0b47}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f59e0b66}.btn-secondary{background:transparent;color:#111827;border:2px solid #111827}.btn-outline{background:transparent;color:#f59e0b;border:2px solid #f59e0b;width:100%;margin-top:20px}.webdev-hero-section{position:relative;padding:120px 0 70px;background:#fff;color:#111827;overflow:hidden;border-bottom:1px solid #f3f4f6}.webdev-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(245,158,11,.06) 0%,transparent 40%),radial-gradient(circle at 85% 70%,rgba(245,158,11,.06) 0%,transparent 40%);pointer-events:none}.hero-content-container{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-main-title{font-size:3rem;font-weight:900;margin:18px 0 10px;line-height:1.15;color:#111827}.hero-subtitle{font-size:1.15rem;margin:22px 0 0;color:#374151;line-height:1.7}.hero-action-buttons{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}.feature-card{background:#fff;padding:32px 26px;border-radius:16px;text-align:center;box-shadow:0 6px 20px #0000000f;transition:all .25s ease;opacity:0;transform:translateY(24px);border:1px solid #fde68a}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #f59e0b2e;border-color:#f59e0b}.feature-icon-wrapper{width:84px;height:84px;margin:0 auto 18px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px #f59e0b38;transition:transform .25s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.06) rotate(3deg)}.feature-card h3{font-size:1.35rem;margin:12px 0 6px;color:#111827;font-weight:800}.feature-card p{color:#374151;line-height:1.6;font-size:1rem}.pricing-plan-card{background:#fff;padding:36px 28px;border-radius:16px;text-align:center;box-shadow:0 6px 20px #0000000f;border:2px solid #fef3c7;transition:all .25s ease;position:relative;overflow:hidden}.pricing-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#f59e0b,#d97706)}.pricing-header-info h3{font-size:1.35rem;color:#111827;font-weight:800}.plan-features-list{list-style:none;padding:0;margin:26px 0;text-align:left;color:#374151}.plan-features-list li{padding:10px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f9fafb}.plan-features-list li:last-child{border-bottom:none}.feature-tick{color:#10b981;width:20px;height:20px;flex-shrink:0}.cta-section{padding:80px 0;background:#fff;color:#111827;text-align:center;position:relative;border-top:1px solid #f3f4f6;border-bottom:6px solid #f59e0b}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(245,158,11,.06) 0%,transparent 40%),radial-gradient(circle at 20% 85%,rgba(245,158,11,.06) 0%,transparent 40%);pointer-events:none}.cta-content-wrapper{position:relative;z-index:1;max-width:820px;margin:0 auto}.cta-content-wrapper h2{font-size:2.2rem;margin-bottom:14px;font-weight:900}.cta-content-wrapper p{font-size:1.08rem;margin-bottom:28px;color:#374151}.cta-buttons-container{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.hero-main-title{font-size:2.2rem}.hero-subtitle{font-size:1.05rem}.hero-action-buttons,.cta-buttons-container{flex-direction:column;align-items:center}.features-grid-container,.pricing-cards-container{grid-template-columns:1fr;gap:20px}.feature-card,.pricing-plan-card{padding:28px 20px}}@media (max-width: 480px){.hero-main-title{font-size:1.9rem}.section-header h2{font-size:1.8rem}.wrap{padding:0 16px}}:root{--mk-orange:#f59e0b;--mk-orange-dark:#d97706;--mk-text:#111827;--mk-muted:#374151;--mk-card:#ffffff;--mk-bg:#ffffff;--mk-border:#fde68a}.mk-page{min-height:100vh;font-family:Inter,sans-serif;background:var(--mk-bg);color:var(--mk-text)}.mk-wrap{max-width:1200px;margin:0 auto;padding:0 20px}.mk-hero{position:relative;padding:120px 0 90px;background:#fff;color:var(--mk-text);overflow:hidden}.mk-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(245,158,11,.08) 0%,transparent 45%),radial-gradient(circle at 82% 75%,rgba(245,158,11,.08) 0%,transparent 45%)}.mk-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.mk-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.875rem;font-weight:800;color:var(--mk-orange);margin-bottom:10px;display:block}.mk-title{font-size:3.1rem;font-weight:800;line-height:1.2;margin:16px 0;color:var(--mk-text)}.mk-subtitle{font-size:1.08rem;color:var(--mk-muted);max-width:760px;margin:0 auto;line-height:1.65}.mk-accent{color:var(--mk-orange)}.mk-sec-head{text-align:center;margin-bottom:56px}.mk-sec-title{font-size:2.2rem;font-weight:900;color:var(--mk-text);margin:14px 0}.mk-sec-desc{font-size:1.02rem;color:var(--mk-muted);max-width:680px;margin:0 auto;line-height:1.7}.mk-stats{padding:70px 0;background:#fff}.mk-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;text-align:center}.mk-stat{padding:24px 18px;background:#fff;border:1px solid var(--mk-border);border-radius:14px;box-shadow:0 6px 16px #0000000d}.mk-stat-num{font-size:2.6rem;font-weight:900;color:var(--mk-orange);margin-bottom:6px}.mk-stat-label{font-size:1.02rem;color:var(--mk-muted);font-weight:700}.mk-services{padding:90px 0;background:#fff}.mk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px}.mk-card{background:var(--mk-card);padding:32px 26px;border-radius:16px;text-align:center;box-shadow:0 6px 20px #0000000f;transition:all .25s ease;opacity:0;transform:translateY(24px);border:1px solid var(--mk-border);position:relative;overflow:hidden}.mk-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--mk-orange),var(--mk-orange-dark))}.mk-in{opacity:1;transform:translateY(0);animation:mk-in .5s ease both}.mk-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #f59e0b2e;border-color:var(--mk-orange)}.mk-icon{width:80px;height:80px;margin:0 auto 18px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#f59e0b14;box-shadow:0 8px 18px #f59e0b1f}.mk-card-title{font-size:1.25rem;margin:10px 0 6px;color:var(--mk-text);font-weight:800}.mk-card-desc{color:var(--mk-muted);line-height:1.6;font-size:1rem}@keyframes mk-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.mk-title{font-size:2.4rem}.mk-grid{grid-template-columns:1fr;gap:20px}.mk-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.mk-title{font-size:2rem}.mk-subtitle{font-size:1.02rem}.mk-stats-grid{grid-template-columns:1fr}}.ecommerce-page{position:relative;min-height:100vh;font-family:Inter,sans-serif}.ecommerce-hero-section{position:relative;padding:140px 0 100px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden}.ecommerce-hero-bg{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="rgba(255,255,255,0.05)" points="0,1000 1000,0 1000,1000"/></svg>');background-size:cover}.ecommerce-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}.ecommerce-main-title{font-size:3.5rem;font-weight:700;margin:20px 0;line-height:1.2}.ecommerce-hero-subtitle{font-size:1.25rem;margin:30px 0;opacity:.9;line-height:1.6}.ecommerce-hero-actions{display:flex;gap:20px;justify-content:center;margin-top:40px;flex-wrap:wrap}.ecommerce-stats-section{padding:80px 0;background:#f8fafc}.ecommerce-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}.ecommerce-stat-item{padding:30px 20px}.ecommerce-stat-number{font-size:3rem;font-weight:700;color:#ff6b35;margin-bottom:10px}.ecommerce-stat-label{font-size:1.125rem;color:#4a5568;font-weight:600}.platforms-section{padding:100px 0;background:#fff}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.platform-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.platform-card-popular{border-color:#667eea;transform:scale(1.05);box-shadow:0 15px 40px #667eea26}.platform-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.platform-card-popular:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{position:absolute;top:20px;right:-30px;background:#ff6b35;color:#fff;padding:8px 40px;font-size:.875rem;font-weight:600;transform:rotate(45deg)}.platform-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.platform-header h3{font-size:1.5rem;color:#2d3748;margin-bottom:15px;font-weight:600}.platform-header p{color:#718096;line-height:1.6}.platform-features{list-style:none;padding:0;margin:30px 0;text-align:left}.platform-features li{padding:12px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f7fafc}.platform-features li:last-child{border-bottom:none}.ecommerce-features-section{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#edf2f7)}.ecommerce-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.ecommerce-feature-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;opacity:0;transform:translateY(30px);border:1px solid #e2e8f0;position:relative;overflow:hidden}.ecommerce-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.ecommerce-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.ecommerce-icon-wrapper{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s ease}.ecommerce-feature-card:hover .ecommerce-icon-wrapper{transform:scale(1.1) rotate(5deg)}.ecommerce-icon-wrapper svg{width:40px;height:40px}.ecommerce-feature-card h3{font-size:1.5rem;margin:15px 0;color:#2d3748;font-weight:600}.ecommerce-feature-card p{color:#718096;line-height:1.6;font-size:1rem}.ecommerce-process-section{padding:100px 0;background:#fff}.ecommerce-process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:50px}.ecommerce-process-step{display:flex;align-items:flex-start;gap:20px;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border-left:4px solid #667eea}.ecommerce-process-step:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.process-step-number{width:60px;height:60px;background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.ecommerce-pricing-section{padding:100px 0;background:#f8fafc}.ecommerce-pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:50px}.ecommerce-pricing-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.ecommerce-pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.ecommerce-pricing-card:hover{border-color:#667eea;transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.pricing-badge{position:absolute;top:20px;right:-30px;background:#ff6b35;color:#fff;padding:8px 40px;font-size:.875rem;font-weight:600;transform:rotate(45deg)}.ecommerce-pricing-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.ecommerce-pricing-header h3{font-size:1.5rem;color:#2d3748;margin-bottom:15px;font-weight:600}.ecommerce-price{font-size:2.5rem;font-weight:700;color:#667eea}.ecommerce-features-list{list-style:none;padding:0;margin:30px 0;text-align:left}.ecommerce-features-list li{padding:12px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f7fafc}.ecommerce-features-list li:last-child{border-bottom:none}.ecommerce-cta-section{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;position:relative;overflow:hidden}.ecommerce-cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="200" cy="200" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="600" cy="150" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="800" cy="300" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="300" cy="400" r="1" fill="rgba(255,255,255,0.1)"/></svg>')}.ecommerce-cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.ecommerce-cta-content h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.ecommerce-cta-content p{font-size:1.25rem;margin-bottom:40px;opacity:.9}.ecommerce-cta-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.ecommerce-main-title{font-size:2.5rem}.ecommerce-hero-actions,.ecommerce-cta-actions{flex-direction:column;align-items:center}.ecommerce-features-grid{grid-template-columns:1fr;gap:20px}.platforms-grid{grid-template-columns:1fr}.platform-card-popular{transform:scale(1)}.ecommerce-pricing-cards,.ecommerce-process-steps{grid-template-columns:1fr}.ecommerce-stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.section-header h2{font-size:2rem}}@media (max-width: 480px){.ecommerce-main-title{font-size:2rem}.ecommerce-hero-subtitle{font-size:1.1rem}.ecommerce-stats-grid{grid-template-columns:1fr}.ecommerce-stat-number{font-size:2.5rem}.ecommerce-process-step{flex-direction:column;text-align:center}.section-header h2{font-size:1.75rem}}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.875rem;font-weight:600;color:#ff6b35;margin-bottom:10px;display:block}.accent{color:#ff6b35}.btn-primary{background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff;box-shadow:0 4px 15px #ff6b354d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#667eea}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea;width:100%;margin-top:20px}.btn-outline:hover{background:#667eea;color:#fff}.amazon-page{position:relative;min-height:100vh;font-family:Inter,sans-serif}.amazon-hero-section{position:relative;padding:140px 0 100px;background:linear-gradient(135deg,#f7f6f5,#f6f3f2);color:#0a0505;overflow:hidden}.amazon-hero-bg{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="rgba(255,255,255,0.05)" points="0,1000 1000,0 1000,1000"/></svg>');background-size:cover}.amazon-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}.amazon-main-title{font-size:3.5rem;font-weight:700;margin:20px 0;line-height:1.2}.amazon-hero-subtitle{font-size:1.25rem;margin:30px 0;opacity:.9;line-height:1.6}.amazon-hero-actions{display:flex;gap:20px;justify-content:center;margin-top:40px;flex-wrap:wrap}.amazon-stats-section{padding:80px 0;background:#f8fafc}.amazon-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}.amazon-stat-item{padding:30px 20px}.amazon-stat-number{font-size:3rem;font-weight:700;color:#f90;margin-bottom:10px}.amazon-stat-label{font-size:1.125rem;color:#4a5568;font-weight:600}.amazon-features-section{padding:100px 0;background:#fff}.amazon-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.amazon-feature-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;opacity:0;transform:translateY(30px);border:1px solid #e2e8f0;position:relative;overflow:hidden}.amazon-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#f90,#ff6b35)}.feature-card-visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease forwards}.amazon-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.amazon-icon-wrapper{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,#f90,#ff6b35);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s ease}.amazon-feature-card:hover .amazon-icon-wrapper{transform:scale(1.1) rotate(5deg)}.amazon-icon-wrapper svg{width:40px;height:40px}.amazon-feature-card h3{font-size:1.5rem;margin:15px 0;color:#2d3748;font-weight:600}.amazon-feature-card p{color:#718096;line-height:1.6;font-size:1rem}.amazon-services-breakdown{padding:100px 0;background:linear-gradient(135deg,#f8fafc,#edf2f7)}.services-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px}.service-category{background:#fff;padding:40px 30px;border-radius:16px;box-shadow:0 4px 20px #00000014;border-left:4px solid #ff9900}.service-category h3{font-size:1.375rem;color:#2d3748;margin-bottom:20px;font-weight:600}.service-items{list-style:none;padding:0;margin:0}.service-items li{padding:12px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f7fafc}.service-items li:last-child{border-bottom:none}.service-tick{color:#f90;flex-shrink:0;width:20px;height:20px}.amazon-process-section{padding:100px 0;background:#fff}.amazon-process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:50px}.amazon-process-step{display:flex;align-items:flex-start;gap:20px;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border-left:4px solid #ff9900}.amazon-process-step:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.process-step-number{width:60px;height:60px;background:linear-gradient(135deg,#f90,#ff6b35);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.process-step-content h3{font-size:1.375rem;margin-bottom:10px;color:#2d3748;font-weight:600}.process-step-content p{color:#718096;line-height:1.6}.amazon-success-section{padding:100px 0;background:#f8fafc}.success-stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.success-story-card{background:#fff;padding:40px 30px;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border-top:4px solid #ff9900}.success-story-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.story-content h3{font-size:1.375rem;color:#2d3748;margin-bottom:15px;font-weight:600}.story-result{font-size:1.25rem;color:#f90;font-weight:700;margin-bottom:15px}.story-content p{color:#718096;line-height:1.6}.amazon-cta-section{padding:100px 0;background:linear-gradient(135deg,#f90,#ff6b35);color:#fff;text-align:center;position:relative;overflow:hidden}.amazon-cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="200" cy="200" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="600" cy="150" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="800" cy="300" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="300" cy="400" r="1" fill="rgba(255,255,255,0.1)"/></svg>')}.amazon-cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.amazon-cta-content h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.amazon-cta-content p{font-size:1.25rem;margin-bottom:40px;opacity:.9}.amazon-cta-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.amazon-main-title{font-size:2.5rem}.amazon-hero-actions,.amazon-cta-actions{flex-direction:column;align-items:center}.amazon-features-grid{grid-template-columns:1fr;gap:20px}.services-breakdown-grid,.amazon-process-steps,.success-stories-grid{grid-template-columns:1fr}.amazon-stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.section-header h2{font-size:2rem}.amazon-process-step{flex-direction:column;text-align:center}}@media (max-width: 480px){.amazon-main-title{font-size:2rem}.amazon-hero-subtitle{font-size:1.1rem}.amazon-stats-grid{grid-template-columns:1fr}.amazon-stat-number{font-size:2.5rem}.section-header h2{font-size:1.75rem}}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;margin:20px 0;color:#2d3748;font-weight:700}.section-description{font-size:1.125rem;color:#718096;max-width:600px;margin:0 auto;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.875rem;font-weight:600;color:#f90;margin-bottom:10px;display:block}.accent{color:#f90}.btn{padding:14px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#f90,#ff6b35);color:#fff;box-shadow:0 4px 15px #ff99004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f906}.btn-secondary{background:transparent;color:#080402;border:2px solid rgb(219,139,18)}.btn-secondary:hover{background:#f8b44f;color:#eaa843}.feature-tick{color:#48bb78;flex-shrink:0;width:20px;height:20px}.business-formation-page{font-family:Inter,sans-serif;background:#fff;color:#111827}.plan-price{font-size:2.25rem;font-weight:900;color:#f59e0b}.plan-features-list{list-style:none;text-align:left;color:#374151}@media (max-width:768px){.hero-main-title{font-size:2.2rem}.features-grid-container,.pricing-cards-container{grid-template-columns:1fr}}.social-media-page{font-family:Inter,sans-serif;background:#fff;color:#111827}.hero-section{padding:100px 0 70px;background:#fff;text-align:center}.features-section{padding:80px 0;background:#fff}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.4rem;font-weight:800}.section-description{color:#374151;max-width:680px;margin:0 auto}.features-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{background:#fff;border:1px solid #fde68a;border-radius:16px;padding:30px 22px;text-align:center;box-shadow:0 6px 20px #0000000f;transition:all .25s ease;opacity:0;transform:translateY(24px)}.feature-icon-wrapper{width:70px;height:70px;margin:0 auto 14px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 22px #f59e0b38}.feature-icon-wrapper svg{width:36px;height:36px}.feature-card h3{font-size:1.3rem;font-weight:800;margin-bottom:8px}.feature-card p{color:#374151;font-size:1rem;line-height:1.6}.cta-content-wrapper h2{font-size:2rem;font-weight:900;margin-bottom:14px}@media (max-width:768px){.hero-main-title{font-size:2.2rem}.features-grid-container{grid-template-columns:1fr}}.app-development-page{font-family:Inter,sans-serif;background:#fff;color:#111827}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.eyebrow{text-transform:uppercase;font-weight:800;color:#f59e0b;letter-spacing:2px}.accent{color:#f59e0b}.btn{padding:14px 32px;border-radius:10px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .25s ease;border:none}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-secondary{border:2px solid #111827;background:transparent;color:#111827}.btn-secondary:hover{background:#111827;color:#fff}.btn-outline{border:2px solid #f59e0b;background:transparent;color:#f59e0b;width:100%}.btn-outline:hover{background:#f59e0b;color:#fff}.hero-section{padding:120px 0 70px;background:#fff;text-align:center}.hero-main-title{font-size:3rem;font-weight:900;margin:18px 0 10px;color:#111827}.hero-subtitle{font-size:1.1rem;color:#374151;max-width:750px;margin:0 auto}.hero-action-buttons{display:flex;gap:16px;justify-content:center;margin-top:30px;flex-wrap:wrap}.features-section{padding:90px 0;background:#fff}.features-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;margin-top:44px}.feature-card{background:#fff;border:1px solid #fde68a;border-radius:16px;padding:32px 26px;text-align:center;box-shadow:0 6px 20px #0000000f;transition:all .25s ease;opacity:0;transform:translateY(24px)}.feature-card-visible{opacity:1;transform:translateY(0);animation:fadeInUp .5s ease both}.feature-card:hover{transform:translateY(-6px);border-color:#f59e0b;box-shadow:0 18px 38px #f59e0b2e}.feature-icon-wrapper{width:84px;height:84px;margin:0 auto 18px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:18px;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 10px 22px #f59e0b38}.feature-icon-wrapper svg{width:40px;height:40px}.technologies-section{padding:90px 0;background:#f8fafc}.tech-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:44px}.tech-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px 20px;text-align:center;transition:all .25s ease;position:relative}.tech-card:hover{transform:translateY(-3px);border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b26}.tech-category{position:absolute;top:10px;right:10px;background:#fef3c7;color:#d97706;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.tech-card h4{font-size:1.1rem;font-weight:700;color:#111827;margin:0}.pricing-section{padding:90px 0;background:#fff}.pricing-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;margin-top:44px}.pricing-plan-card{background:#fff;border:2px solid #fef3c7;border-radius:16px;padding:36px 28px;text-align:center;box-shadow:0 6px 20px #0000000f;transition:all .25s ease;position:relative}.pricing-plan-card:hover{border-color:#f59e0b;transform:translateY(-5px);box-shadow:0 18px 42px #f59e0b33}.pricing-header-info{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #f3f4f6}.plan-price{font-size:2.25rem;font-weight:900;color:#f59e0b;margin:10px 0 5px}.plan-duration{color:#6b7280;font-size:.9rem}.plan-features-list{list-style:none;text-align:left;color:#374151;margin-bottom:24px}.plan-features-list li{padding:10px 0;border-bottom:1px solid #f9fafb}.feature-tick{color:#10b981;margin-right:8px}.process-section{padding:90px 0;background:#f8fafc}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.process-step{background:#fff;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 4px 6px #0000000d;border:1px solid #f3f4f6;position:relative}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem}.process-step h3{font-size:1.3rem;font-weight:800;margin:15px 0 10px;color:#111827}.process-step p{color:#6b7280;line-height:1.6}.cta-section{padding:80px 0;border-top:1px solid #f3f4f6;border-bottom:6px solid #f59e0b;text-align:center}.cta-content-wrapper{max-width:800px;margin:0 auto}.cta-content-wrapper h2{font-size:2.2rem;font-weight:900;margin-bottom:14px}.cta-content-wrapper p{font-size:1.1rem;color:#374151;margin-bottom:28px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-main-title{font-size:2.2rem}.features-grid-container,.pricing-cards-container,.tech-grid-container,.process-steps{grid-template-columns:1fr}.hero-action-buttons,.cta-buttons-container{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}.blog-page{min-height:100vh;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}body.popup-open{overflow:hidden}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#000);opacity:.03;animation:float 6s ease-in-out infinite}.shape-1{width:200px;height:200px;top:10%;left:5%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:10%;animation-delay:2s}.shape-3{width:100px;height:100px;bottom:20%;left:15%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.blog-hero{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:120px 0 80px;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(245,158,11,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.05) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:4.5rem;font-weight:800;margin-bottom:2rem;line-height:1.1}.title-word{display:block;background:linear-gradient(135deg,#fff,#f59e0b,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.title-word-1{animation-delay:0s}.title-word-2{animation-delay:.5s}.title-word-3{animation-delay:1s}@keyframes shimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.hero-subtitle{font-size:1.3rem;line-height:1.6;margin-bottom:3rem;color:#e5e5e5;font-weight:400;animation:slideUp 1s ease-out .5s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-stats{display:flex;justify-content:center;gap:4rem;margin-top:4rem;animation:slideUp 1s ease-out 1s both}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#f59e0b;margin-bottom:.5rem;animation:countUp 2s ease-out}@keyframes countUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-label{font-size:.9rem;color:#a3a3a3;text-transform:uppercase;letter-spacing:1px;font-weight:600}.blog-section{padding:100px 0;background:#fafafa;position:relative;opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.4,0,.2,1)}.blog-section.visible{opacity:1;transform:translateY(0)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-size:3rem;font-weight:800;color:#000;margin-bottom:1rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:#f59e0b;border-radius:2px}.section-subtitle{font-size:1.2rem;color:#666;font-weight:400}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.blog-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014,0 0 0 1px #00000005;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #f0f0f0;position:relative;opacity:0;transform:translateY(30px) scale(.95);animation:cardEntrance .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes cardEntrance{to{opacity:1;transform:translateY(0) scale(1)}}.blog-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001f,0 0 0 1px #f59e0b}.card-image{position:relative;width:100%;height:240px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .card-image img{transform:scale(1.1)}.card-badge{position:absolute;top:1rem;left:1rem;background:#f59e0b;color:#000;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}.card-content{padding:1.5rem}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem}.meta-date{color:#666;font-weight:500}.meta-read-time{color:#f59e0b;font-weight:700}.card-title{font-size:1.3rem;font-weight:700;color:#000;margin-bottom:1rem;line-height:1.3}.card-desc{color:#666;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.read-more-btn{display:flex;align-items:center;gap:.5rem;background:transparent;color:#f59e0b;border:2px solid #f59e0b;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.read-more-btn:hover{background:#f59e0b;color:#000}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:overlayEntrance .3s ease-out}@keyframes overlayEntrance{0%{opacity:0}to{opacity:1}}.popup-container{width:100%;max-width:800px;max-height:90vh;animation:popupEntrance .4s cubic-bezier(.4,0,.2,1)}@keyframes popupEntrance{0%{opacity:0;transform:scale(.9) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-content{background:#fff;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 30px 60px #0000004d;max-height:85vh;overflow-y:auto}.close-btn{position:absolute;top:1rem;right:1rem;background:#000c;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn:hover{background:#f59e0b;transform:scale(1.1)}.popup-image{position:relative;width:100%;height:300px;overflow:hidden}.popup-image img{width:100%;height:100%;object-fit:cover}.popup-badge{position:absolute;top:1.5rem;left:1.5rem;background:#f59e0b;color:#000;padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.popup-body{padding:2.5rem}.popup-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.95rem}.popup-date{color:#666;font-weight:500}.popup-read-time{color:#f59e0b;font-weight:700}.popup-title{font-size:2rem;font-weight:800;color:#000;margin-bottom:1.5rem;line-height:1.2}.popup-full-desc{color:#444;line-height:1.7;font-size:1.1rem;margin-bottom:2rem}.popup-features{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8f9fa;border-radius:10px;font-weight:600;color:#333;font-size:.9rem}.popup-actions{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.action-btn.primary{background:#000;color:#fff}.action-btn.primary:hover{background:#f59e0b;color:#000}.action-btn.secondary{background:transparent;color:#000;border:2px solid #e5e5e5}.action-btn.secondary:hover{border-color:#000}@media (max-width: 1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-stats{gap:2rem}.section-title{font-size:2.2rem}.blog-grid{grid-template-columns:1fr}.popup-body{padding:2rem}.popup-title{font-size:1.6rem}.popup-actions{flex-direction:column}.popup-image{height:250px}}@media (max-width: 480px){.hero-title{font-size:2.2rem}.popup-body{padding:1.5rem}.popup-image{height:200px}.container{padding:0 1rem}.hero-stats{flex-direction:column;gap:1.5rem}}.blog-detail-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.back-container{position:fixed;top:20px;left:20px;z-index:1000}.back-btn{display:flex;align-items:center;gap:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translate(-5px)}.blog-detail-hero{padding:100px 20px 60px;position:relative}.detail-hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.detail-hero-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.detail-hero-image img{width:100%;height:400px;object-fit:cover}.detail-image-overlay{position:absolute;inset:0;background:linear-gradient(45deg,#667eea66,#764ba266)}.detail-hero-content{color:#fff}.detail-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px}.detail-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.detail-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:20px;line-height:1.6}.detail-meta{display:flex;gap:20px;font-size:14px;opacity:.8}.blog-content-section{background:#fff;border-radius:40px 40px 0 0;padding:60px 20px;margin-top:-40px;position:relative}.content-container{max-width:800px;margin:0 auto}.blog-content{line-height:1.8;font-size:1.1rem;color:#333}.content-paragraph{margin-bottom:24px}.content-actions{display:flex;gap:16px;margin-top:40px;padding-top:40px;border-top:1px solid #e0e0e0}.share-btn,.save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .3s ease}.share-btn{background:#667eea;color:#fff}.save-btn{background:#f8f9fa;color:#333;border:1px solid #e0e0e0}.share-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.save-btn:hover{background:#e9ecef;transform:translateY(-2px)}@media (max-width: 768px){.detail-hero-container{grid-template-columns:1fr;gap:30px}.detail-title{font-size:2rem}.blog-detail-hero{padding:80px 20px 40px}.content-actions{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}.privacy-wrapper{min-height:100vh;background:#fff;font-family:Inter,Segoe UI,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;color:#333;line-height:1.6}.privacy-top{background:linear-gradient(135deg,#000,#333);color:#fff;padding:2rem 0;position:sticky;top:0;z-index:1000;transition:all .3s ease;box-shadow:0 2px 20px #0000001a}.privacy-top.top-fixed{padding:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2}.top-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.brand-area{display:flex;align-items:center;gap:1rem}.brand-logo{font-size:2.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #f59e0b4d}.brand-details h1{font-size:2.2rem;font-weight:800;margin-bottom:.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-details p{font-size:1rem;opacity:.9;font-weight:300}.update-date{text-align:right;font-size:.95rem;opacity:.9}.update-date span{color:#f59e0b;font-weight:600}.privacy-main{padding:3rem 0}.main-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}.side-nav{position:sticky;top:120px;background:#f8fafc;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.nav-top{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f59e0b}.nav-top h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.nav-line{width:40px;height:3px;background:#f59e0b;border-radius:2px}.nav-list{display:flex;flex-direction:column;gap:.5rem}.nav-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;position:relative}.nav-btn:hover{background:#f59e0b1a;transform:translate(5px)}.nav-btn.btn-active{background:#f59e0b26;border-left:3px solid #f59e0b}.btn-num{background:#f59e0b;color:#fff;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.btn-text{color:#4b5563;font-size:.95rem;font-weight:500;flex:1}.nav-btn.btn-active .btn-text{color:#f59e0b;font-weight:600}.btn-dot{width:8px;height:8px;background:#f59e0b;border-radius:50%;opacity:0;transition:opacity .3s ease}.nav-btn.btn-active .btn-dot{opacity:1}.content-main{display:flex;flex-direction:column;gap:2rem}.content-box{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 8px 40px #00000014;border:1px solid #f1f5f9}.content-part{margin-bottom:3rem;opacity:0;animation:fadeInUp .6s ease forwards}.content-part:last-child{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.part-top{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.part-num{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;flex-shrink:0;box-shadow:0 4px 15px #f59e0b4d}.part-top h2{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0}.part-text{color:#4b5563;line-height:1.7;font-size:1.1rem}.part-text p{margin-bottom:1.5rem;text-align:justify}.part-text p:last-child{margin-bottom:0}.part-line{height:2px;background:linear-gradient(90deg,transparent,#f59e0b,transparent);margin:3rem 0;opacity:.3}.top-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border:none;border-radius:50%;background:#f59e0b;color:#fff;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b66;z-index:1000}.top-btn.btn-show{opacity:1;visibility:visible}.top-btn:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99}@media (max-width: 968px){.main-inner{grid-template-columns:1fr;gap:2rem}.side-nav{position:static}.top-inner{flex-direction:column;text-align:center;gap:1rem}.brand-area{justify-content:center}.content-box{padding:2rem}.part-top{flex-direction:column;text-align:center;gap:1rem}}@media (max-width: 768px){.privacy-top{padding:1.5rem 0}.brand-details h1{font-size:1.8rem}.main-inner{padding:0 1rem}.content-box{padding:1.5rem}.part-top h2{font-size:1.5rem}.part-num{width:45px;height:45px;font-size:1.1rem}.top-btn{bottom:1rem;right:1rem;width:45px;height:45px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d97706}.terms-container{max-width:1200px;margin:0 auto;padding:40px 20px;background-color:#fff;min-height:100vh}.terms-header{text-align:center;margin-bottom:50px;border-bottom:2px solid #f4a02a;padding-bottom:30px}.terms-header h1{font-size:3rem;color:#000;margin-bottom:10px;font-weight:700}.last-updated{font-size:1.1rem;color:#666;font-style:italic}.terms-content{line-height:1.8;color:#333}.terms-section{margin-bottom:40px;padding:25px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #f4a02a;transition:all .3s ease}.terms-section:hover{box-shadow:0 4px 15px #f4a02a1a;transform:translateY(-2px)}.terms-section h2{color:#000;font-size:1.5rem;margin-bottom:15px;font-weight:600}.terms-section p{margin-bottom:15px;font-size:1.1rem;color:#444}.terms-section ul{margin:15px 0;padding-left:25px}.terms-section li{margin-bottom:8px;color:#444;position:relative}.terms-section li:before{content:"•";color:#f4a02a;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.terms-section strong{color:#000;font-weight:600}.terms-acceptance{text-align:center;margin-top:50px;padding:30px;background-color:#000;color:#fff;border-radius:8px;border:2px solid #f4a02a}.terms-acceptance p{font-size:1.2rem;margin:0;color:#fff}@media (max-width: 768px){.terms-container{padding:20px 15px}.terms-header h1{font-size:2.2rem}.terms-section{padding:20px;margin-bottom:30px}.terms-section h2{font-size:1.3rem}.terms-section p{font-size:1rem}}@media (max-width: 480px){.terms-header h1{font-size:1.8rem}.terms-section{padding:15px}.terms-acceptance{padding:20px}.terms-acceptance p{font-size:1rem}}.terms-section{scroll-margin-top:20px}@media print{.terms-container{padding:0}.terms-section{break-inside:avoid;box-shadow:none;border:1px solid #cccccc}}html,body,#root{height:auto;min-height:100%;overflow-y:auto}main{overflow:visible!important;height:auto!important}