:root{--bg-primary:#050a12;--bg-secondary:#07111f;--bg-card:#0a1321c7;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--cyan:#22d3ee;--blue:#3b82f6;--purple:#8b5cf6;--purple-bright:#a855f7;--green:#22c55e;--border:#94a3b826;--shadow-cyan:0 0 30px #22d3ee26;--shadow-purple:0 0 30px #a855f724;--shadow-soft:0 16px 45px #00000052;--shadow-card:0 12px 35px #00000047;--bg-glow-blue:#3b82f61a;--bg-glow-purple:#a855f714;--font-sans:"Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, "Cascadia Mono", Consolas, monospace;--ease:cubic-bezier(.4, 0, .2, 1);--section-space:80px;--nav-scroll-offset:100px}:root[data-theme=dusk]{--bg-primary:#070310;--bg-glow-blue:#8b5cf624;--bg-glow-purple:#22d3ee17}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-scroll-offset)}body{min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(circle at 70% 18%, var(--bg-glow-blue), transparent 30%), radial-gradient(circle at 82% 42%, var(--bg-glow-purple), transparent 32%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#94a3b80b 1px,#0000 1px),linear-gradient(90deg,#94a3b80b 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(85% 62% at 50% 0,#000 0%,#0000 78%);mask-image:radial-gradient(85% 62% at 50% 0,#000 0%,#0000 78%)}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}::selection{color:var(--text-primary);background:#22d3ee47}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#94a3b83d;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#22d3ee6b}.tok-key{color:var(--purple-bright)}.tok-var{color:var(--cyan)}.tok-fn,.tok-prop{color:var(--blue)}.tok-str{color:var(--green)}.tok-punct{color:var(--text-secondary)}.tok-comment{color:var(--text-muted);font-style:italic}.gradient-text{background:linear-gradient(90deg, var(--cyan), var(--blue) 55%, var(--purple-bright));color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-text--blue{background:linear-gradient(90deg, var(--cyan), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section{padding-top:var(--section-space);scroll-margin-top:var(--nav-scroll-offset);padding-bottom:0;position:relative}#home{scroll-margin-top:0}.section-container{z-index:1;max-width:1280px;margin:0 auto;padding:0 clamp(18px,4vw,40px);position:relative}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);align-items:center;gap:12px;font-size:12.5px;font-weight:700;display:inline-flex}.section-label:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple-bright));border-radius:2px;width:28px;height:2px}.section-title{letter-spacing:-.4px;margin-top:18px;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.15}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(28px)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--left{transform:translate(-36px)}.reveal--right{transform:translate(36px)}.reveal--grow{transform-origin:0;transform:scaleX(0)}.reveal--left.reveal--visible,.reveal--right.reveal--visible{transform:translate(0)}.reveal--grow.reveal--visible{transform:scaleX(1)}@media (width<=992px){:root{--section-space:64px;--nav-scroll-offset:96px}}@media (width<=768px){:root{--section-space:52px;--nav-scroll-offset:90px}}@media (width<=480px){:root{--section-space:48px;--nav-scroll-offset:86px}}.navbar{z-index:1000;padding:18px clamp(14px,3vw,32px) 10px;animation:.64s both navbar-in;position:sticky;top:0}.navbar__inner{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:1280px;box-shadow:var(--shadow-soft);background:#060c16b8;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:10px 12px 10px 16px;display:flex}.navbar__brand{border-radius:12px;align-items:center;gap:12px;display:flex}.navbar__logo{width:42px;height:42px;color:var(--cyan);letter-spacing:.5px;box-shadow:var(--shadow-cyan);background:linear-gradient(135deg,#22d3ee29,#a855f729);border:1px solid #22d3ee47;border-radius:12px;place-items:center;font-size:15px;font-weight:800;display:grid}.navbar__text{flex-direction:column;line-height:1.25;display:flex}.navbar__name{color:var(--text-primary);font-size:15px;font-weight:700}.navbar__role{color:var(--text-muted);letter-spacing:.2px;font-size:11.5px;font-weight:500}.navbar__links{align-items:center;gap:2px;display:flex}.navbar__link{color:var(--text-secondary);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .25s;display:inline-block;position:relative}.navbar__link:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple-bright));transform-origin:0;height:2px;transition:transform .3s var(--ease);border-radius:2px;position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.navbar__link:hover{color:var(--text-primary)}.navbar__link:hover:after{transform:scaleX(1)}.navbar__link--active{color:var(--cyan)}.navbar__link--active:after{transform:scaleX(1)}.navbar__actions{align-items:center;gap:12px;display:flex}.navbar__theme-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);transition:color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .5s var(--ease);background:#0a13218c;border-radius:12px;place-items:center;font-size:17px;display:grid}.navbar__theme-btn:hover{color:var(--cyan);box-shadow:var(--shadow-cyan);border-color:#22d3ee73;transform:rotate(90deg)}.navbar__cta{color:#04101a;background:linear-gradient(120deg, var(--cyan), var(--blue) 55%, var(--purple-bright));border-radius:12px;justify-content:center;align-items:center;height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 8px 24px #22d3ee38,0 0 22px #a855f729}.navbar__cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #22d3ee57,0 0 30px #a855f73d}.navbar__hamburger{border:1px solid var(--border);width:44px;height:44px;color:var(--text-primary);background:#0a13218c;border-radius:12px;place-items:center;font-size:19px;transition:color .25s,border-color .25s,box-shadow .25s;display:none}.navbar__hamburger:hover{color:var(--cyan);box-shadow:var(--shadow-cyan);border-color:#22d3ee73}.navbar__mobile{display:none}@keyframes navbar-in{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.navbar__links,.navbar__cta{display:none}.navbar__hamburger{display:grid}.navbar__mobile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:1280px;box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;max-height:0;transition:max-height .48s var(--ease), opacity .3s ease, padding .32s ease, margin .32s ease, border-color .32s ease, visibility 0s linear .48s;background:#060c16eb;border:1px solid #0000;border-radius:16px;flex-direction:column;margin:0 auto;padding:0 14px;display:flex;overflow:hidden}.navbar__mobile--open{border-color:var(--border);opacity:1;visibility:visible;max-height:560px;transition:max-height .48s var(--ease), opacity .3s ease .12s, padding .32s ease, margin .32s ease, border-color .32s ease, visibility 0s;margin-top:10px;padding:8px 14px 14px}.navbar__mobile-link{color:var(--text-secondary);border-bottom:1px solid #94a3b814;border-radius:10px;padding:13px 14px;font-size:15px;font-weight:500;transition:color .25s,padding-left .25s,background .25s}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--cyan);padding-left:20px}.navbar__mobile-cta{color:#04101a;background:linear-gradient(120deg, var(--cyan), var(--blue) 55%, var(--purple-bright));border-radius:12px;justify-content:center;align-items:center;height:46px;margin-top:12px;font-size:14.5px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #22d3ee38,0 0 22px #a855f729}}.hero{grid-template-columns:1fr 1fr;grid-template-areas:"top visual""bottom visual";align-items:center;column-gap:clamp(24px,4vw,64px);max-width:1280px;min-height:calc(100vh - 120px);margin:0 auto;padding:clamp(44px,7vh,76px) clamp(16px,4vw,40px) 0;scroll-margin-top:96px;display:grid;position:relative;overflow-x:clip}.hero__top{grid-area:top}.hero__bottom{grid-area:bottom}.hero__badge{color:var(--text-secondary);background:#0a132199;border:1px solid #22c55e42;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;font-weight:500;animation:.62s both fade-up;display:inline-flex;box-shadow:0 0 24px #22c55e14}.hero__badge-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #22c55eb3}.hero__heading{letter-spacing:-.5px;margin-top:24px;font-size:clamp(38px,5.2vw,62px);font-weight:800;line-height:1.08;animation:.62s .1s both fade-up}.hero__role{color:var(--text-secondary);margin-top:14px;font-size:clamp(20px,2.4vw,30px);font-weight:600;animation:.62s .18s both fade-up}.hero__description{max-width:540px;color:var(--text-secondary);margin-top:22px;font-size:17px;animation:.62s .26s both fade-up}.hero__cta{flex-wrap:wrap;gap:16px;margin-top:34px;animation:.62s .34s both fade-up;display:flex}.hero__btn{border-radius:14px;justify-content:center;align-items:center;gap:10px;height:50px;padding:0 28px;font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;display:inline-flex}.hero__btn--primary{color:#04101a;background:linear-gradient(120deg, var(--cyan), var(--blue) 55%, var(--purple-bright));box-shadow:0 10px 30px #22d3ee47,0 0 22px #8b5cf62e}.hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px #22d3ee66,0 0 30px #8b5cf642}.hero__btn--primary .hero__btn-icon{transition:transform .25s}.hero__btn--primary:hover .hero__btn-icon{transform:translate(4px)}.hero__btn--secondary{color:var(--text-primary);background:#0a13218c;border:1px solid #8b5cf659}.hero__btn--secondary:hover{border-color:#22d3ee8c;transform:translateY(-2px);box-shadow:0 0 24px #22d3ee29}.hero__btn--secondary .hero__btn-icon{transition:transform .25s}.hero__btn--secondary:hover .hero__btn-icon{transform:translate(-3px)}.hero__social{align-items:center;gap:12px;margin-top:30px;animation:.62s .42s both fade-up;display:flex}.hero__social-link{border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);background:#0a13218c;border-radius:12px;place-items:center;font-size:18px;transition:transform .25s,color .25s,border-color .25s,box-shadow .25s;display:grid}.hero__social-link:hover{color:var(--cyan);box-shadow:var(--shadow-cyan);border-color:#22d3ee73;transform:translateY(-3px)}.hero__scroll{letter-spacing:.3px;color:var(--text-muted);align-items:center;gap:10px;margin-top:32px;font-size:13.5px;font-weight:500;transition:color .25s;animation:.62s .5s both fade-up;display:inline-flex}.hero__scroll:hover{color:var(--text-secondary)}.hero__scroll-icon{animation:2.2s ease-in-out infinite scroll-bounce}.hero__visual{grid-area:visual;justify-content:center;justify-self:center;align-items:center;width:min(500px,100%);min-height:560px;display:flex;position:relative}.hero__glow{z-index:0;aspect-ratio:1;filter:blur(28px);background:radial-gradient(circle at 32% 30%,#22d3ee29,#0000 46%),radial-gradient(circle at 68% 62%,#a855f729,#0000 46%);border-radius:50%;width:min(560px,100%);position:absolute}.hero__ring{z-index:1;aspect-ratio:1;background:conic-gradient(from 210deg,#22d3ee8c,#3b82f666,#a855f78c,#8b5cf659,#22d3ee8c);border-radius:50%;width:min(500px,100%);animation:1.1s .15s both fade-in,7.5s ease-in-out 1.6s infinite ring-breathe;position:absolute;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.hero__portrait-wrap{z-index:2;background:0 0;border-radius:0;width:min(380px,100%);animation:.9s .25s both portrait-in,10s ease-in-out 2s infinite float-slow;position:relative;overflow:visible}.hero__portrait{object-fit:contain;width:100%;height:auto;display:block}.tech-card{z-index:3;border:1px solid var(--border);width:52px;height:52px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1321cc;border-radius:14px;place-items:center;font-size:20px;transition:color .25s,border-color .25s,box-shadow .25s;display:grid;position:absolute}.tech-card:hover{box-shadow:var(--shadow-cyan);border-color:#22d3ee80}.hero__tech-card--code{color:var(--cyan);animation:.7s .38s both card-in,5s ease-in-out 1.4s infinite float;top:-2%;left:-2%}.hero__tech-card--react{color:var(--cyan);animation:.7s .46s both card-in,5.6s ease-in-out 1.6s infinite float;top:12%;right:-3%}.hero__tech-card--js{color:#f7df1e;animation:.7s .54s both card-in,4.8s ease-in-out 1.8s infinite float;bottom:22%;left:-3%}.hero__tech-card--github{color:#f8fafc;animation:.7s .62s both card-in,6.2s ease-in-out 1.5s infinite float;bottom:0%;right:-3%}.hero__code-window{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(300px,70%);box-shadow:var(--shadow-soft), 0 0 30px #8b5cf624;background:#080e18eb;border:1px solid #8b5cf64d;border-radius:16px;animation:.8s .5s both card-in,6s ease-in-out 1.8s infinite float;position:absolute;bottom:-10%;right:-4%;overflow:hidden}.hero__code-bar{border-bottom:1px solid var(--border);background:#0a132199;align-items:center;gap:8px;padding:12px 16px;display:flex}.window-dot{border-radius:50%;width:12px;height:12px}.window-dot--red{background:#ff5f56e6}.window-dot--yellow{background:#ffbd2ee6}.window-dot--green{background:#27c93fe6}.hero__code-title{font-family:var(--font-mono);color:var(--text-muted);margin-left:6px;font-size:11.5px}.hero__code{font-family:var(--font-mono);color:var(--text-secondary);margin:0;padding:14px 18px 18px;font-size:12.5px;line-height:1.7;overflow-x:auto}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes portrait-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ring-breathe{0%,to{opacity:.6}50%{opacity:.95}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (width<=1200px){.hero__code-window{bottom:-10%;right:-2%}.hero__tech-card--react{right:-4%}.hero__tech-card--js{left:-4%}}@media (width>=993px){.hero__visual{margin-top:60px}.hero__code-window{width:min(250px,70%);bottom:-2%;right:-2%}}@media (width<=992px){.hero{grid-template-columns:1fr;grid-template-areas:"top""visual""bottom";gap:0;padding-top:28px}.hero__top,.hero__bottom{text-align:center}.hero__visual{width:min(420px,100%);min-height:470px;margin:34px auto 10px}.hero__ring{width:min(390px,100%)}.hero__portrait-wrap{width:min(320px,100%)}.hero__description{margin-left:auto;margin-right:auto}.hero__cta,.hero__social{justify-content:center}.hero__scroll{justify-content:center;align-items:center;display:flex}.hero__code-window{right:0}}@media (width<=768px){.hero{min-height:auto}.hero__visual{width:min(260px,86vw);min-height:280px}.hero__ring{width:min(250px,100%)}.hero__portrait-wrap{width:min(210px,100%)}.tech-card{border-radius:12px;width:46px;height:46px;font-size:17px}.hero__tech-card--code{top:-6%;left:-8%}.hero__tech-card--react{top:8%;right:-8%}.hero__tech-card--js{bottom:14%;left:-8%}.hero__tech-card--github{bottom:-4%;right:-8%}.hero__code-window{display:none}.hero__heading{font-size:clamp(34px,9vw,44px)}.hero__role{font-size:20px}.hero__code-title{font-size:11px}}@media (width<=480px){.hero{padding-inline:18px}.hero__cta{flex-direction:column}.hero__btn{width:100%}.hero__description{font-size:16px}.hero__visual{width:min(240px,88vw);min-height:260px}.hero__ring{width:min(240px,100%)}.hero__portrait-wrap{width:min(190px,100%)}.hero__code-window{display:none}.hero__tech-card--code{top:-8%;left:-10%}.hero__tech-card--react{top:6%;right:-10%}.hero__tech-card--js{bottom:12%;left:-10%}.hero__tech-card--github{bottom:-6%;right:-10%}}.about{padding-top:var(--section-space);padding-bottom:48px;position:relative}.about__section-label{text-align:center;margin-bottom:40px}.about:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 30%,#22d3ee0d,#0000 42%),radial-gradient(circle at 88% 60%,#a855f70f,#0000 42%);position:absolute;inset:0}.about:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#94a3b829 1px,#0000 1px);background-size:22px 22px;width:300px;height:300px;position:absolute;top:18%;right:-80px;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.about__grid{grid-template-columns:46% 54%;align-items:center;gap:80px;max-width:1280px;margin:0 auto;display:grid}.about__left{max-width:520px}.about__text{color:var(--text-secondary);max-width:520px;margin:0;font-size:17px;line-height:1.75}.about__text p{margin:0 0 20px}.about__text:last-child{margin:0}.about__cv{height:48px;color:var(--text-primary);background:#0a13218c;border:1px solid #8b5cf659;border-radius:13px;justify-content:center;align-items:center;gap:10px;margin:30px 0 0;padding:0 26px;font-size:15px;font-weight:600;transition:transform .25s,border-color .25s,box-shadow .25s;display:inline-flex}.about__cv:hover{box-shadow:var(--shadow-card), 0 0 26px #22d3ee2e;border-color:#22d3ee8c;transform:translateY(-2px)}.about__cv:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.about__right{flex-direction:column;max-width:580px;padding:68px 24px;display:flex;position:relative;overflow-x:clip}.code-card{border:1px solid var(--border);background:linear-gradient(160deg,#0a1321d1,#07111e99);border-radius:20px;flex-direction:column;padding:0;display:flex;position:relative;box-shadow:0 16px 40px #00000047,0 0 30px #22d3ee0a}.code-card__header{border-bottom:1px solid #94a3b81f;align-items:center;gap:10px;padding:14px 20px;display:flex}.code-dots{align-items:center;gap:6px;display:flex}.code-dot{border-radius:50%;width:10px;height:10px}.code-dot--red{background:#e53e3e}.code-dot--yellow{background:#eab308}.code-dot--green{background:#22c55e}.code-card__title{font-family:var(--font-mono);color:var(--text-muted);margin-left:4px;font-size:12px}.code-content{font-family:var(--font-mono);color:var(--text-secondary);margin:0;padding:20px 24px;font-size:13px;line-height:1.85;overflow-x:auto}.code-content code{font-size:13px;line-height:1.85}.code-comment{color:var(--text-muted);font-style:italic}.code-keyword{color:var(--purple-bright);font-weight:500}.code-var{color:var(--cyan)}.code-func{color:var(--blue)}.code-string{color:var(--green)}.floating-card{border:1px solid var(--border);z-index:10;background:linear-gradient(160deg,#0a1321eb,#071121f5);border-radius:14px;align-items:center;gap:10px;width:max-content;padding:14px 18px;display:flex;position:absolute;box-shadow:0 8px 25px #00000059}.floating-card__icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.floating-card__icon--green{color:var(--green);background:#22c55e1f}.floating-card__icon--cyan{color:var(--cyan);background:#22d3ee1f}.floating-card__content{flex-direction:column;gap:1px;display:flex}.floating-card__title{color:var(--text-primary);font-size:13px;font-weight:600}.floating-card__subtitle{color:var(--text-secondary);font-size:11px}.floating-card--build-passing{animation:4s ease-in-out infinite floatBuild;top:0;left:10px}.floating-card--react{animation:5s ease-in-out infinite floatReact;bottom:0;right:10px}.decorative-icon{background:linear-gradient(135deg, var(--cyan), var(--purple-bright));color:#ffffff38;z-index:10;border-radius:50%;place-items:center;width:64px;height:64px;font-size:26px;animation:4s ease-in-out infinite iconGlow;display:grid;position:absolute;top:8px;right:4px;box-shadow:0 10px 24px #00000059}@keyframes floatBuild{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes floatReact{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes iconGlow{0%,to{box-shadow:0 10px 24px #00000059,0 0 20px #22d3ee14}50%{box-shadow:0 10px 24px #00000059,0 0 35px #22d3ee2e}}@media (width<=1024px){.about__grid{grid-template-columns:1fr;gap:48px}.about__left,.about__right{order:1;max-width:100%;padding:0}.about__right{order:1}.about__left{order:2}.floating-card{width:max-content;position:relative;inset:0!important}.floating-card--build-passing{margin-bottom:12px}.floating-card--react{margin-top:12px}.decorative-icon{margin-bottom:12px;margin-left:auto;position:relative;top:0;right:0}}@media (width<=768px){.about__grid{gap:36px}.about__text{font-size:15px}.about__cv{height:44px;margin:16px 0 0;padding:0 20px;font-size:14px}.code-card__header{padding:12px 16px}.code-content{padding:16px 18px;font-size:12px}.decorative-icon{width:44px;height:44px;font-size:20px}.floating-card{padding:12px 14px}.floating-card__icon{width:28px;height:28px;font-size:14px}.floating-card__title{font-size:12px}.floating-card__subtitle{font-size:10px}}@media (width<=480px){.about__grid{gap:24px}.floating-card{justify-content:flex-start;width:100%}.decorative-icon{width:36px;height:36px;font-size:16px}}.skills{position:relative}.skills:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#a855f733 1px,#0000 1px);background-size:24px 24px;width:420px;height:420px;position:absolute;top:12%;right:-130px;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 66%);mask-image:radial-gradient(circle,#000 0%,#0000 66%)}.skills__heading{text-align:center}.skills__grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:clamp(40px,5vw,56px);display:grid}.skills__cell{min-width:0}.skill-card{border:1px solid var(--border);height:100%;transition:transform .28s var(--ease), border-color .28s ease, box-shadow .28s ease;background:linear-gradient(165deg,#0a1321c7,#07111f8c);border-radius:16px;flex-direction:column;padding:24px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000047,0 0 28px #22d3ee0d}.skill-card:before{content:"";background:radial-gradient(circle at 30% 0%, var(--skill-glow), transparent 55%);opacity:0;pointer-events:none;transition:opacity .28s;position:absolute;inset:0}.skill-card:hover{border-color:var(--skill-border);box-shadow:var(--shadow-soft), var(--skill-shadow);transform:translateY(-5px)}.skill-card:hover:before{opacity:1}.skill-card--cyan{--skill-glow:#22d3ee1f;--skill-border:#22d3ee66;--skill-shadow:var(--shadow-cyan);--skill-icon-glow:#22d3ee47}.skill-card--purple{--skill-glow:#a855f71f;--skill-border:#a855f766;--skill-shadow:var(--shadow-purple);--skill-icon-glow:#a855f74d}.skill-card--blue{--skill-glow:#3b82f61f;--skill-border:#3b82f666;--skill-shadow:0 0 30px #3b82f626;--skill-icon-glow:#3b82f64d}.skill-card__head{align-items:center;gap:12px;display:flex}.skill-card__icon{width:42px;height:42px;color:var(--cyan);box-shadow:var(--shadow-cyan);background:linear-gradient(135deg,#22d3ee24,#a855f724);border:1px solid #22d3ee38;border-radius:12px;place-items:center;font-size:18px;transition:transform .28s,box-shadow .28s;display:grid}.skill-card--purple .skill-card__icon{color:var(--purple-bright);box-shadow:var(--shadow-purple);background:linear-gradient(135deg,#a855f724,#3b82f624);border-color:#a855f73d}.skill-card--blue .skill-card__icon{color:var(--blue);background:linear-gradient(135deg,#3b82f624,#22d3ee24);border-color:#3b82f63d;box-shadow:0 0 30px #3b82f624}.skill-card:hover .skill-card__icon{box-shadow:0 0 20px var(--skill-icon-glow);transform:translateY(-2px)}.skill-card__head h3{font-size:18px;font-weight:700}.skill-card__list{border-top:1px solid #94a3b81f;flex-direction:column;flex:1;gap:12px;margin-top:18px;padding-top:16px;display:flex}.skill-card--balanced .skill-card__list{justify-content:center}.skill-card__item{color:var(--text-secondary);transition:transform .28s var(--ease);align-items:center;gap:12px;font-size:14.5px;font-weight:500;display:flex}.skill-card__item-icon{background:#07111fb3;border:1px solid #94a3b81f;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.skill-card:hover .skill-card__item{transform:translate(2px)}.skills__strip{border:1px solid var(--border);box-shadow:var(--shadow-card);background:linear-gradient(90deg,#0a132199,#07111f99);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-top:clamp(44px,5vw,60px);padding:18px clamp(16px,3vw,28px);display:flex}.skills__strip-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;font-weight:600;transition:color .25s,background .25s;display:flex}.skills__strip-item svg{color:var(--cyan);font-size:16px}.skills__strip-item:hover{color:var(--text-primary);background:#22d3ee0f}.skills__strip-item:not(:first-child):before{content:"";background:#94a3b873;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-right:12px}@media (width<=1200px){.skills__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.skills__strip{grid-template-columns:repeat(2,1fr);gap:6px 8px;display:grid}.skills__strip-item{justify-content:center}.skills__strip-item:not(:first-child):before{display:none}}@media (width<=768px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.skills__grid{grid-template-columns:1fr}}.education{padding-top:var(--section-space);padding-bottom:0;position:relative}.education:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 30%,#22d3ee0d,#0000 42%),radial-gradient(circle at 88% 60%,#a855f70f,#0000 42%);position:absolute;inset:0}.education:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#94a3b829 1px,#0000 1px);background-size:22px 22px;width:300px;height:300px;position:absolute;top:18%;right:-80px;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.education__heading{text-align:center;max-width:650px;margin:0 auto}.education__sub{max-width:650px;color:var(--text-secondary);margin:16px auto 0;font-size:16px;line-height:1.7}.education__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(56px,7vw,80px);display:grid}@media (width<=992px){.education__grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=768px){.education__grid{grid-template-columns:1fr;gap:22px;margin-top:48px}}.edu-card{z-index:1;text-align:left;border:1px solid var(--border);background:linear-gradient(160deg,#0a1321d1,#07111e99);border-radius:18px;flex-direction:column;flex:1;align-items:flex-start;padding:22px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000047,0 0 30px #22d3ee0a}.edu-card__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:16px;font-size:16px;font-weight:700;display:grid}.edu-card__badge.education{color:var(--cyan);background:#22d3ee14;border:1px solid #22d3ee4d}.edu-card__badge.experience{color:var(--blue);background:#3b82f614;border:1px solid #3b82f64d}.edu-card__title{letter-spacing:-.2px;color:var(--text-primary);margin-top:12px;font-size:18px;font-weight:700;line-height:1.25}.edu-card__institute{color:var(--cyan);margin-top:6px;font-size:14px;font-weight:600}.edu-card__location{color:var(--text-secondary);margin-top:4px;font-size:13px}.edu-card__duration,.edu-card__marks{color:var(--text-secondary);margin-top:6px;font-size:13px}.edu-card__project{color:var(--text-secondary);margin-top:6px;font-size:13px;font-style:italic}.edu-card__status{letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary);background:#94a3b81a;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.edu-card--current{border-color:#22d3ee66;box-shadow:0 16px 40px #00000047,0 0 40px #22d3ee14}.edu-card--current .edu-card__badge.education{background:#22d3ee24;box-shadow:0 0 18px #22d3ee2e}@media (width<=992px){.education__grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=768px){.education__grid{grid-template-columns:1fr;gap:22px;margin-top:48px}}.projects{padding-top:var(--section-space);padding-bottom:0;position:relative}.projects:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 45%,#22d3ee0d,#0000 45%),radial-gradient(circle at 85% 28%,#a855f70f,#0000 45%);position:absolute;inset:0}.projects__heading{text-align:center;max-width:650px;margin:0 auto}.projects__sub{max-width:650px;color:var(--text-secondary);margin:16px auto 0;font-size:16px;line-height:1.7}.projects__accent{justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.projects__accent-line{border-radius:2px;width:46px;height:2px}.projects__accent-line:first-child{background:linear-gradient(90deg, transparent, var(--cyan))}.projects__accent-line:last-child{background:linear-gradient(90deg, var(--purple-bright), transparent)}.projects__accent-dot{background:var(--cyan);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #22d3eecc}.projects__grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(44px,5vw,64px);display:grid}.project-card{background:linear-gradient(145deg,#0a1321f5,#060c17eb);border:1px solid #94a3b824;border-radius:20px;flex-direction:column;height:100%;transition:transform .32s,border-color .32s,box-shadow .32s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 45px #0000004d}.project-card:hover{border-color:#22d3ee47;transform:translateY(-6px);box-shadow:0 18px 50px #00000061,0 0 32px #22d3ee12,0 0 38px #a855f70d}.project-card__preview{border:1px solid var(--border);background:var(--bg-secondary);aspect-ratio:16/9;border-bottom:0;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.project-card__image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .45s;display:block}.project-card:hover .project-card__image{transform:scale(1.03)}.preview{flex-direction:column;width:100%;height:100%;transition:transform .45s;display:flex}.project-card:hover .preview{transform:scale(1.025)}.preview__bar{border-bottom:1px solid var(--border);background:#07111fd9;flex-shrink:0;align-items:center;gap:5px;padding:7px 10px;display:flex}.preview__bar .window-dot{width:8px;height:8px}.preview__url{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-size:8px;overflow:hidden}.preview__body{flex:1;padding:9px;overflow:hidden}.project-card__category{z-index:2;letter-spacing:.3px;color:var(--cyan);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a12d9;border:1px solid #22d3ee4d;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600;transition:box-shadow .32s,border-color .32s;position:absolute;bottom:12px;left:14px;box-shadow:0 0 16px #22d3ee1f}.project-card:hover .project-card__category{border-color:#22d3ee80;box-shadow:0 0 20px #22d3ee33}.project-card__body{flex-direction:column;flex:1;padding:24px 22px 22px;display:flex}.project-card__title{letter-spacing:-.2px;color:var(--text-primary);font-size:21px;font-weight:700;transition:color .32s}.project-card:hover .project-card__title{color:var(--cyan)}.project-card__desc{color:var(--text-secondary);margin-top:12px;font-size:14.5px;line-height:1.6}.project-card__tech{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.project-card__tech-item{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.project-card__tech-item svg{font-size:12px}.project-card__actions{gap:12px;margin-top:auto;padding-top:22px;display:flex}.project-card__btn{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:44px;font-size:14px;font-weight:600;transition:transform .25s,border-color .25s,box-shadow .25s,color .25s,background .25s;display:inline-flex}.project-card__btn--github{color:var(--text-secondary);background:#0a13218c;border:1px solid #94a3b838}.project-card__btn--github svg{font-size:16px}.project-card__btn--github:hover{color:var(--text-primary);box-shadow:var(--shadow-cyan);border-color:#22d3ee73;transform:translateY(-2px)}.project-card__btn--demo{color:var(--text-primary);background:linear-gradient(120deg,#22d3ee24,#3b82f61f);border:1px solid #22d3ee59}.project-card__btn--demo:hover{border-color:#22d3ee99;transform:translateY(-2px);box-shadow:0 0 26px #22d3ee2e}.project-card__btn-icon{transition:transform .25s}.project-card__btn--demo:hover .project-card__btn-icon{transform:translate(2px,-2px)}.projects__more{justify-content:center;margin-top:42px;display:flex}.projects__more-link{color:var(--text-secondary);border:1px solid var(--border);background:#0a132180;border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:14.5px;font-weight:600;transition:color .25s,border-color .25s,box-shadow .25s;display:inline-flex}.projects__more-link:hover{color:var(--cyan);box-shadow:var(--shadow-cyan);border-color:#22d3ee66}.projects__more-icon{transition:transform .25s}.projects__more-link:hover .projects__more-icon{transform:translate(4px)}.mock{height:100%;color:var(--text-secondary);flex-direction:column;gap:8px;font-size:9px;display:flex}.mock__nav{background:#07111fbf;border:1px solid #94a3b81a;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex}.mock__brand{color:var(--cyan);margin-right:auto;font-size:10px;font-weight:800}.mock__pill{background:#94a3b814;border-radius:999px;padding:2px 8px;font-size:8px}.mock__pill--active{color:var(--cyan);background:#22d3ee29;border:1px solid #22d3ee4d}.mock__cart{padding:2px 4px;font-size:10px}.mock__banner{background:linear-gradient(120deg,#22d3ee2e,#3b82f624,#a855f729);border:1px solid #22d3ee33;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px;display:flex}.mock__banner-title{color:var(--text-primary);font-size:11px;font-weight:800}.mock__banner-sub{color:#f8fafca6;font-size:8px}.mock__grid{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mock__product{background:#0a1321d9;border:1px solid #94a3b81f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;display:flex}.mock__product-img{aspect-ratio:16/10;width:100%;color:var(--cyan);background:linear-gradient(135deg,#22d3ee1a,#a855f71a);border-radius:6px;place-items:center;font-size:14px;display:grid}.mock__product-name{font-size:8px;font-weight:600}.mock__product-price{color:var(--cyan);font-size:8px;font-weight:700}.mock__search{color:var(--text-muted);background:#07111fbf;border:1px solid #8b5cf64d;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;display:flex}.mock__search svg{font-size:9px}.mock__props{flex-direction:column;flex:1;gap:6px;display:flex}.mock__prop{background:#0a1321d9;border:1px solid #94a3b81f;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.mock__prop-img{width:34px;height:34px;color:var(--purple-bright);background:linear-gradient(135deg,#a855f729,#3b82f624);border-radius:6px;flex-shrink:0;place-items:center;font-size:14px;display:grid}.mock__prop-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mock__prop-name{color:var(--text-primary);font-size:9px;font-weight:700}.mock__prop-loc{color:var(--text-muted);align-items:center;gap:3px;font-size:7.5px;display:flex}.mock__prop-price{color:var(--purple-bright);font-size:9px;font-weight:800}.mock--rest .mock__rest-head{background:linear-gradient(120deg,#fbbf2424,#f973161a);border:1px solid #fbbf2440;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 9px;display:flex}.mock--rest .mock__rest-brand{color:#fbbf24;font-size:11px;font-weight:800}.mock--rest .mock__rest-btn{color:#fde68a;background:#fbbf2429;border:1px solid #fbbf2459;border-radius:999px;padding:3px 9px;font-size:8px;font-weight:700}.mock--rest .mock__dishes{flex-direction:column;flex:1;gap:6px;display:flex}.mock--rest .mock__dish{background:#0a1321d9;border:1px solid #94a3b81f;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.mock--rest .mock__dish-img{color:#fbbf24;background:linear-gradient(135deg,#fbbf2429,#f973161f);border-radius:6px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.mock--rest .mock__dish-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mock--rest .mock__dish-name{color:var(--text-primary);font-size:9px;font-weight:700}.mock--rest .mock__dish-tag{color:var(--text-muted);font-size:7.5px}.mock--rest .mock__dish-price{color:#fde68a;font-size:9px;font-weight:800}@media (width<=992px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects__grid{grid-template-columns:1fr}}@media (width<=480px){.project-card__btn{height:48px}}.contact{padding-top:var(--section-space);padding-bottom:0;position:relative}.contact:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 82% 38%,#a855f70f,#0000 42%),radial-gradient(circle at 12% 68%,#22d3ee0d,#0000 42%);position:absolute;inset:0}.contact:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#94a3b824 1px,#0000 1px);background-size:22px 22px;width:300px;height:300px;position:absolute;top:16%;right:-90px;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.contact__heading{text-align:center;max-width:650px;margin:0 auto}.contact__sub{max-width:640px;color:var(--text-secondary);margin:16px auto 0;font-size:16px;line-height:1.7}.contact__grid{grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:start;gap:clamp(44px,6vw,68px);margin-top:clamp(48px,6vw,72px);display:grid}.contact__info,.contact__form-wrap{min-width:0}.contact__info-title{letter-spacing:-.2px;font-size:clamp(22px,2.4vw,28px);font-weight:700}.contact__info-sub{max-width:440px;color:var(--text-secondary);margin-top:10px;font-size:15px;line-height:1.7}.contact__cards{flex-direction:column;gap:14px;margin-top:30px;display:flex}.contact-card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#0a1321b8;border-radius:15px;align-items:center;gap:16px;padding:16px 18px;transition:transform .28s,border-color .28s,box-shadow .28s;display:flex}.contact-card:hover{border-color:var(--cc-border);box-shadow:var(--shadow-soft);transform:translate(3px)}.contact-card__icon{width:46px;height:46px;color:var(--cc-accent);background:var(--cc-bg);border:1px solid var(--cc-border);border-radius:13px;flex-shrink:0;place-items:center;font-size:18px;transition:box-shadow .28s,transform .28s;display:grid}.contact-card:hover .contact-card__icon{box-shadow:0 0 22px var(--cc-glow);transform:scale(1.03)}.contact-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.contact-card__label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:700}.contact-card__value{color:var(--text-primary);overflow-wrap:anywhere;align-items:center;gap:9px;font-size:15px;font-weight:600;display:inline-flex}.contact-card__dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #22c55eb3}.contact-card__arrow{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:17px;transition:color .25s,transform .25s}.contact-card:hover .contact-card__arrow{color:var(--cc-accent);transform:translate(2px,-2px)}.contact-card--cyan{--cc-accent:var(--cyan);--cc-bg:#22d3ee14;--cc-border:#22d3ee47;--cc-glow:#22d3ee29}.contact-card--blue{--cc-accent:var(--blue);--cc-bg:#3b82f614;--cc-border:#3b82f647;--cc-glow:#3b82f629}.contact-card--green{--cc-accent:var(--green);--cc-bg:#22c55e12;--cc-border:#22c55e42;--cc-glow:#22c55e26}.contact__social{margin-top:30px}.contact__social-title{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;font-size:12.5px;font-weight:700}.social-links{flex-wrap:wrap;gap:12px;display:flex}.social-links--buttons .social-links__item{border:1px solid var(--border);height:46px;box-shadow:var(--shadow-card);color:var(--text-secondary);background:#0a132199;border-radius:12px;align-items:center;gap:10px;padding:0 18px;font-size:14.5px;font-weight:600;transition:transform .25s,color .25s,border-color .25s,box-shadow .25s;display:inline-flex}.social-links--buttons .social-links__item:hover{color:var(--cyan);box-shadow:var(--shadow-cyan);border-color:#8b5cf66b;transform:translateY(-3px)}.social-links__icon{place-items:center;font-size:17px;transition:transform .25s;display:inline-grid}.social-links--buttons .social-links__item:hover .social-links__icon{transform:translateY(-1px)}.social-links--icons .social-links__item{border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);background:#0a132199;border-radius:11px;place-items:center;font-size:17px;transition:transform .25s,color .25s,border-color .25s,box-shadow .25s;display:grid}.social-links--icons .social-links__item:hover{color:var(--cyan);box-shadow:var(--shadow-cyan);border-color:#22d3ee6b;transform:translateY(-3px)}.social-links--icons .social-links__item .social-links__icon{font-size:inherit}.contact-form{box-shadow:var(--shadow-soft), 0 0 44px #8b5cf60f, 0 0 60px #22d3ee0a;background:linear-gradient(160deg,#0a1321e6,#060c17e0);border:1px solid #8b5cf633;border-radius:22px;padding:clamp(26px,3vw,36px)}.contact-form__row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-field__label{color:var(--text-secondary);font-size:13px;font-weight:600;transition:color .25s}.form-field:focus-within .form-field__label{color:var(--cyan)}.form-field__input,.form-field__textarea{width:100%;font:inherit;color:var(--text-primary);background:#050a12b3;border:1px solid #94a3b826;border-radius:11px;transition:border-color .25s,box-shadow .25s,background .25s}.form-field__input{height:50px;padding:0 16px}.form-field__textarea{resize:vertical;min-height:150px;padding:14px 16px;line-height:1.6}.form-field__input::placeholder,.form-field__textarea::placeholder{color:var(--text-muted)}.form-field__input:focus-visible,.form-field__textarea:focus-visible{outline-offset:0;background:#070e1ae6;border-color:#22d3ee8c;outline:2px solid #0000;box-shadow:0 0 0 3px #22d3ee1a,0 0 22px #22d3ee0d}.form-field--error .form-field__input,.form-field--error .form-field__textarea{border-color:#f43f5e8c;box-shadow:0 0 0 3px #f43f5e0f}.form-field--error .form-field__label{color:#fb7185}.form-field__error{color:#fb7185;font-size:12.5px;font-weight:500}.contact-form__submit{color:#04101a;background:linear-gradient(120deg, var(--cyan), var(--blue) 55%, var(--purple-bright));border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:15.5px;font-weight:700;transition:transform .25s,box-shadow .25s,opacity .25s;display:inline-flex;box-shadow:0 10px 30px #22d3ee47,0 0 22px #8b5cf62e}.contact-form__submit:hover{transform:translateY(-2px);box-shadow:0 14px 38px #22d3ee66,0 0 30px #8b5cf642}.contact-form__submit:active{transform:translateY(0)}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.contact-form__submit-icon{font-size:16px;transition:transform .25s}.contact-form__submit:hover .contact-form__submit-icon{transform:translate(2px,-2px)}.form-success{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:clamp(36px,4vw,52px) 20px;display:flex}.form-success__icon{width:58px;height:58px;color:var(--green);background:#22c55e1a;border:1px solid #22c55e4d;border-radius:50%;place-items:center;font-size:26px;display:grid;box-shadow:0 0 26px #22c55e1f}.form-success__title{margin-top:6px;font-size:22px;font-weight:700}.form-success__text{max-width:380px;color:var(--text-secondary);font-size:15px;line-height:1.7}.form-success__reset{color:var(--cyan);background:#22d3ee0f;border:1px solid #22d3ee59;border-radius:12px;margin-top:16px;padding:11px 22px;font-size:14px;font-weight:600;transition:border-color .25s,box-shadow .25s,transform .25s}.form-success__reset:hover{box-shadow:var(--shadow-cyan);border-color:#22d3ee99;transform:translateY(-2px)}@media (width<=992px){.contact__grid{grid-template-columns:1fr;gap:46px}.contact__info-sub{max-width:560px}}@media (width<=768px){.contact-form__row{grid-template-columns:1fr;gap:0}.contact-form{padding:26px 20px}}@media (width<=480px){.contact-card{gap:14px;padding:14px 16px}.contact-card__icon{width:42px;height:42px;font-size:16px}.social-links--buttons .social-links__item{height:44px;padding:0 16px}}.footer{background:#04080f;border-top:1px solid #94a3b81f;position:relative}.footer:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 0,#22d3ee0d,#0000 42%),radial-gradient(circle at 88% 0,#a855f70f,#0000 42%);position:absolute;inset:0}.footer__inner{z-index:1;max-width:1280px;padding:var(--section-space) clamp(18px, 4vw, 40px) 0;margin:0 auto;position:relative}.footer__grid{grid-template-columns:1.5fr 1fr 1fr;align-items:start;gap:clamp(32px,5vw,64px);display:grid}.footer__brand-top{align-items:center;gap:14px;display:flex}.footer__logo{letter-spacing:.5px;color:#04101a;background:linear-gradient(120deg, var(--cyan), var(--blue) 55%, var(--purple-bright));border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:15px;font-weight:800;display:grid;box-shadow:0 6px 20px #22d3ee40}.footer__name{font-size:17px;font-weight:700}.footer__role{color:var(--text-muted);margin-top:2px;font-size:13px}.footer__tagline{max-width:320px;color:var(--text-secondary);margin-top:16px;font-size:14px;line-height:1.7}.footer__heading{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:18px;font-size:12.5px;font-weight:700}.footer__link-list{flex-direction:column;gap:12px;display:flex}.footer__link{width:fit-content;color:var(--text-secondary);font-size:14.5px;font-weight:500;transition:color .25s;display:inline-flex;position:relative}.footer__link:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple-bright));border-radius:2px;width:0;height:1.5px;transition:width .25s;position:absolute;bottom:-3px;left:0}.footer__link:hover{color:var(--cyan)}.footer__link:hover:after,.footer__link:focus-visible:after{width:100%}.footer__social .social-links__item{background:#0a132199}.footer__bottom{border-top:1px solid #94a3b81a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(36px,5vw,52px);padding:20px 0;display:flex}.footer__copyright,.footer__built{color:var(--text-muted);font-size:13.5px}.footer__built .gradient-text{font-weight:600}@media (width<=992px){.footer__grid{grid-template-columns:1fr 1fr;gap:40px}.footer__brand{grid-column:1/-1}}@media (width<=768px){.footer__grid{grid-template-columns:1fr;gap:36px}.footer__brand{grid-column:auto}.footer__link-list{grid-template-columns:repeat(2,1fr);gap:14px 24px;display:grid}.footer__bottom{text-align:center;flex-direction:column;align-items:center;gap:8px}}.back-to-top{z-index:60;width:46px;height:46px;color:var(--text-secondary);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;background:#0a1321c7;border:1px solid #8b5cf659;border-radius:13px;place-items:center;font-size:18px;transition:opacity .3s,visibility .3s,transform .3s,color .25s,border-color .25s,box-shadow .25s;display:grid;position:fixed;bottom:clamp(18px,2vw,24px);right:clamp(16px,2vw,24px);transform:translateY(14px)}.back-to-top--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{color:var(--cyan);box-shadow:var(--shadow-cyan);border-color:#22d3ee80;transform:translateY(-3px)}.back-to-top:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media (width<=768px){.back-to-top{border-radius:12px;width:42px;height:42px;font-size:16px;bottom:16px;right:16px}}