.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar, 100);height:var(--nav-height, 72px);background:var(--nav-bg);-webkit-backdrop-filter:var(--nav-blur);backdrop-filter:var(--nav-blur);border-bottom:1px solid var(--nav-border);transition:transform .3s ease-in-out,background .3s ease,opacity .25s ease;will-change:transform}.navbar-inner{max-width:1400px;margin:0 auto;height:100%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.navbar-hidden{transform:translateY(-110%);opacity:0;pointer-events:none}.navbar-top{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}.navbar-scrolled{background:var(--nav-bg-scrolled);-webkit-backdrop-filter:var(--nav-blur);backdrop-filter:var(--nav-blur);border-bottom-color:var(--nav-border)}.navbar-left{display:flex;align-items:center;flex-shrink:0}.navbar-logo{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:800;font-size:1rem;letter-spacing:.12em;color:var(--primary)}.navbar-logo img{height:28px;width:auto}.navbar-links{display:flex;align-items:center;gap:2rem}.navbar-links button{all:unset;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--nav-text);position:relative;padding:.25rem 0;transition:color .2s ease}.navbar-links button:hover,.navbar-links button:focus-visible{color:var(--nav-text-hover)}.navbar-links button:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:var(--brand-gradient);border-radius:999px;transition:width .25s ease}.navbar-links button:hover:after,.navbar-links button:focus-visible:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.theme-toggle-dynamic{position:fixed;z-index:99999;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at center,#1a1a2e,#16213e);cursor:pointer;overflow:visible;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .4s ease;box-shadow:0 0 0 1px #ffffff0d,0 4px 16px #00000040;-webkit-appearance:none;appearance:none}@media(max-width:899px){.theme-toggle-dynamic{top:10px;right:64px;width:52px;height:52px;box-shadow:0 4px 20px #0006;border-radius:50%}}@media(min-width:900px){.theme-toggle-dynamic{position:relative;width:38px;height:38px;box-shadow:none;border:none;display:inline-flex}.navbar-actions{display:flex;align-items:center;gap:.75rem}}.theme-toggle-dynamic:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #ffffff26}.theme-toggle-dynamic:active{transform:scale(.95)}.theme-icon{position:absolute;font-size:1.5rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,color .3s ease}@media(max-width:899px){.theme-icon{font-size:1.8rem}}.theme-toggle-dynamic.is-dark .star{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.9),0 0 25px rgba(200,220,255,.7);opacity:1;transform:rotate(0) scale(1)}.theme-toggle-dynamic.is-dark .moon{color:#1a1a2e;opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle-dynamic.is-light .star{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.8);opacity:0;transform:rotate(90deg) scale(.5)}.theme-toggle-dynamic.is-light .moon{color:#0d0d0d;opacity:1;transform:rotate(0) scale(1.2);filter:drop-shadow(0 0 12px rgba(255,255,255,.6)) drop-shadow(0 0 24px rgba(255,255,255,.3))}.theme-toggle-dynamic.is-light{background:radial-gradient(circle at 30% 30%,#f1f5f9,#cbd5e1,#94a3b8);box-shadow:0 0 0 1px #0000000d,0 4px 16px #94a3b866}@media(max-width:899px){.theme-toggle-dynamic.is-light{box-shadow:0 0 0 1px #ffffff4d,0 4px 20px #ffffff40}}.theme-toggle-dynamic.is-light:hover{box-shadow:0 6px 24px #94a3b899}.navbar-cta{background:var(--primary);color:#fff;border:none;border-radius:999px;padding:.55rem 1.4rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease;white-space:nowrap}.navbar-cta:hover{background:var(--primary-light)}.nav-hamburger{position:fixed;top:10px;right:8px;z-index:99999;width:52px;height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:50%;cursor:pointer;padding:10px;box-shadow:0 4px 16px #00000059}@media(min-width:900px){.nav-hamburger{display:none}}.mobile-buttons{transition:transform .3s ease-in-out,opacity .3s ease}.mobile-buttons.hidden{transform:translateY(-120%);opacity:0;pointer-events:none}.nav-hamburger span{display:block;width:26px;height:3px;background:var(--text-main);border-radius:3px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.hamburger-open span:nth-child(1){transform:translateY(10px) rotate(45deg);width:20px}.hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-open span:nth-child(3){transform:translateY(-10px) rotate(-45deg);width:20px}.drawer-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:99990;background:#0f172ab3;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.drawer-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:0;z-index:99995;width:min(82vw,340px);height:100dvh;background:var(--bg-main);border-left:2px solid rgba(37,99,235,.15);padding:2rem 1.5rem;display:flex;flex-direction:column;transform:translate(100%);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility .3s ease}.drawer-panel.open{transform:translate(0);opacity:1;visibility:visible}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.drawer-title{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.drawer-close{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border-soft);background:transparent;color:var(--text-main);font-size:1.1rem;cursor:pointer}.drawer-close:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}.drawer-links{display:flex;flex-direction:column;gap:.5rem;flex:1}.drawer-links button{all:unset;cursor:pointer;font-size:1.15rem;font-weight:600;color:#e5e7ebe6;padding:1.2rem 1rem;border-radius:14px;transition:background .2s ease,color .2s ease,border-color .2s ease;border:1px solid rgba(37,99,235,.08);background:#2563eb0a}.drawer-links button:hover,.drawer-links button:focus-visible{background:#2563eb1f;color:#60a5fa;border-color:#2563eb40;padding-left:1.5rem}body.light .drawer-overlay{background:#f8fafccc;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%)}body.light .drawer-links button{color:#0f172ae6;background:#2563eb0f;border-color:#2563eb1f}body.light .drawer-links button:hover,body.light .drawer-links button:focus-visible{background:#2563eb26;color:#2563eb}body.light .drawer-close,body.light .drawer-title{color:var(--text-main)}@media(max-width:899px){.navbar{height:64px}.nav-hamburger{display:flex}.navbar-inner{padding:0 4%}.navbar-actions .navbar-cta{display:none}}@media(max-width:480px){.navbar-inner{padding:0 3%}}.footer{margin-top:6rem;padding:2rem 6%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:.85rem}.footer-logo{color:var(--primary);font-weight:600;margin-right:.5rem}.footer-right{display:flex;gap:1.5rem}.footer-right a:hover{color:var(--text-main)}@media(max-width:640px){.footer{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem 5%}.footer-right{gap:1rem}}.hero{position:relative;overflow:hidden;background:transparent;padding:2.5rem 5% 3rem;z-index:var(--z-base, 1);width:100%;max-width:100%}@media(min-width:900px){.hero{padding:.5rem 5% 2rem}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;background-position:center;mask-image:radial-gradient(circle at 30% 40%,black 55%,transparent 85%);-webkit-mask-image:radial-gradient(circle at 30% 40%,black 55%,transparent 85%);pointer-events:none;overflow:hidden}.hero:after{content:"";position:absolute;right:-8%;top:50%;transform:translateY(-50%);width:40%;height:70%;background:radial-gradient(circle at center,rgba(37,99,235,.14),transparent 75%);pointer-events:none}@media(max-width:899px){.hero:after{display:none}}.hero-content{position:relative;display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1400px;margin:0 auto;width:100%}@media(min-width:900px){.hero-content{grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;padding:2rem 0}}.hero-left{width:100%;max-width:100%;z-index:3;display:flex;flex-direction:column;gap:1rem}@media(max-width:899px){.hero-left{text-align:left;padding-left:5px;max-width:340px}.hero-description{max-width:320px}}@media(min-width:900px){.hero-left{text-align:left;max-width:100%}}.hero-tagline{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:var(--primary-light);letter-spacing:.04em;margin-bottom:.5rem;opacity:.9}@media(min-width:900px){.hero-tagline{font-size:.9rem;margin-bottom:.75rem}}.hero-title{font-size:clamp(2.2rem,10vw,4rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;color:var(--text-main);overflow-wrap:break-word;word-break:break-word}.hero-title-accent{background:linear-gradient(90deg,#38bdf8,#2563eb,#1d4ed8,#38bdf8);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-flow 2.5s ease-in-out infinite;position:relative}.hero-title-accent:after{content:"";position:absolute;inset:0;background:inherit;filter:blur(28px);opacity:.28;z-index:-1;animation:gradient-flow .5s ease-in-out infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:300px}.hero-roles .hero-role:nth-child(4),.hero-roles .hero-role:nth-child(5){justify-self:start;grid-column:span 1}.hero-role{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-muted);font-weight:500;opacity:0;transform:translateY(12px);animation:role-in .6s ease forwards;transition:transform .25s ease,color .25s ease;padding:.2rem .4rem;background:#2563eb0f;border-radius:999px;border:1px solid rgba(37,99,235,.08);white-space:nowrap}@media(min-width:640px){.hero-roles{grid-template-columns:repeat(5,1fr);max-width:100%}.hero-roles .hero-role:nth-child(4),.hero-roles .hero-role:nth-child(5){justify-self:auto}}@media(min-width:900px){.hero-roles{display:flex;flex-wrap:wrap}.hero-role{font-size:.9rem;padding:0;background:none;border:none;border-radius:0}}.hero-role:nth-child(1){animation-delay:.05s}.hero-role:nth-child(2){animation-delay:.12s}.hero-role:nth-child(3){animation-delay:.19s}.hero-role:nth-child(4){animation-delay:.26s}.hero-role:nth-child(5){animation-delay:.33s}.hero-role img{width:12px;height:12px;object-fit:contain;filter:brightness(.85);transition:filter .25s ease,transform .25s ease}@media(min-width:640px){.hero-role img{width:14px;height:14px}}@media(min-width:900px){.hero-role img{width:18px;height:18px}}.hero-role:hover{color:var(--text-main);transform:translateY(-2px)}.hero-role:hover img{filter:brightness(1.2);transform:scale(1.1)}@keyframes role-in{to{opacity:1;transform:translateY(0)}}.hero-description{max-width:100%;font-size:clamp(.85rem,3vw,1.05rem);line-height:1.6;color:var(--text-muted);overflow-wrap:break-word}@media(max-width:899px){.hero-description{max-width:360px}}.hero-actions{display:flex;flex-direction:column;gap:.65rem;width:100%;max-width:240px}.hero-actions button,.hero-actions a{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;outline:none;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}@media(min-width:640px){.hero-actions{flex-direction:row;flex-wrap:wrap;gap:1rem;max-width:100%}.hero-actions button,.hero-actions a{flex:none}}.hero-actions .btn-primary{background:linear-gradient(135deg,#38bdf8,#2563eb,#1d4ed8);color:#fff;box-shadow:0 8px 24px #2563eb4d;position:relative}.hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb66}.hero-actions .btn-primary:active{transform:translateY(0)}.hero-actions .btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-soft)}.hero-actions .btn-secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.hero-tech-wrapper{margin-top:1rem;margin-left:-5px;width:100%;max-width:100%;padding-top:.5rem}@media(min-width:900px){.hero-tech-wrapper{margin-top:1.5rem}}.hero-right{display:none}@media(min-width:900px){.hero-right{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;z-index:1;overflow:visible}}body.light .hero-grid{opacity:.35}body:not(.light) .hero-grid{opacity:.9}body.light .hero-actions .btn-secondary{background:#0000000a;border-color:#0000001f}body.light .hero-actions .btn-secondary:hover{background:#0000000f}.hero-badge{display:inline-flex}.atomic-network-wrap{position:relative;width:100%;height:520px;border-radius:0;overflow:visible;background:transparent;pointer-events:none}.atomic-network{position:absolute;right:-205px;top:50%;transform:translateY(-50%);width:min(900px,92vw);height:min(900px,92vw);pointer-events:auto}.atomic-network:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at center,rgba(37,99,235,.12),transparent 70%);pointer-events:none}.atomic-network canvas{width:100%;height:100%;-webkit-mask-image:radial-gradient(circle at center,black 70%,rgba(0,0,0,.85) 82%,rgba(0,0,0,.35) 90%,transparent 100%);mask-image:radial-gradient(circle at center,black 70%,rgba(0,0,0,.85) 82%,rgba(0,0,0,.35) 90%,transparent 100%);pointer-events:auto;touch-action:pan-y}.atomic-network canvas:hover{cursor:default}.an-hint{position:absolute;left:12px;bottom:12px;padding:8px 10px;border-radius:999px;background:#00000059;color:#ffffffd9;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.an-modal-backdrop{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.an-modal{width:min(520px,92vw);border-radius:18px;background:#0f172aeb;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px}body.light .an-modal{background:#fffffff2;border-color:#02061714}.an-modal-head{display:flex;align-items:center;gap:12px}.an-modal-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#2563eb1f;font-size:20px}.an-modal-title{font-weight:800;color:#e5e7ebf2}body.light .an-modal-title{color:#0f172aeb}.an-modal-sub{font-size:12px;color:#e2e8f0bf}body.light .an-modal-sub{color:#0f172a9e}.an-modal-close{margin-left:auto;width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.08);color:#e5e7ebe6;background:transparent;cursor:pointer}body.light .an-modal-close{border-color:#0206171a;color:#0f172acc}.an-modal-body{margin-top:12px;color:#e2e8f0d1}body.light .an-modal-body{color:#0f172ac7}.an-modal-tags{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.an-modal-tags span{font-size:11px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#e2e8f0bf}body.light .an-modal-tags span{border-color:#0206171a;color:#0f172aa6}.hero-tech-carousel{transform:translateY(-50px);position:relative;width:100%;max-width:520px;overflow:hidden;margin-top:2.2rem;padding:.6rem 0;-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.hero-tech-track{display:flex;gap:.8rem;width:max-content;animation:tech-scroll 50s linear infinite;will-change:transform}.hero-tech-carousel:hover .hero-tech-track{animation-play-state:paused}.hero-tech-item{--tech-color: #3b82f6;position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .95rem;border-radius:999px;background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);color:var(--text-main);font-size:.78rem;font-weight:500;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hero-tech-item img{width:40px;height:40px;object-fit:contain}.hero-tech-item:hover{transform:translateY(-2px);border-color:var(--tech-color);box-shadow:0 0 0 1px var(--tech-color),0 0 18px #0006}.hero-tech-item:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--tech-color) 40%,transparent),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.hero-tech-item:hover:after{opacity:1}.hero-tech-carousel:before{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(to right,transparent,rgba(56,189,248,.8),transparent);opacity:.6}@keyframes tech-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}body.light .hero-tech-item img{filter:invert(1) sepia(1) saturate(6) hue-rotate(200deg)}.about{padding:3rem 5%;background:var(--bg-main);color:var(--text-main);overflow:hidden;position:relative;width:100%;max-width:100%}@media(min-width:900px){.about{padding:5rem 6%}}.about-container{max-width:min(1400px,92vw);margin-inline:auto;width:100%;position:relative;z-index:1}.about-right{position:relative;transform:translate(-3.5rem);transition:transform .22s ease}@media(max-width:900px){.about-right{transform:none}}.about-header{position:relative;margin-bottom:4rem}.about-eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.18em;font-weight:600;color:var(--primary);opacity:var(--about-eyebrow-opacity);background:linear-gradient(90deg,var(--primary),#7dd3fc,var(--primary));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:eyebrow-shimmer 10s ease-in-out infinite}.about-header h2{font-size:3rem;margin-top:.6rem;font-weight:800;color:var(--text-main);text-shadow:0 0 12px var(--about-title-glow);animation:title-breathe 7s ease-in-out infinite}.about-line{position:relative;width:52px;height:3px;margin-top:1rem;border-radius:999px;background:linear-gradient(90deg,var(--primary),#38bdf8,var(--primary));background-size:200% 100%;animation:line-flow 4.5s linear infinite}.about-line:after{content:"";position:absolute;inset:0;background:inherit;filter:blur(8px);opacity:.35;animation:line-glow 3.5s ease-in-out infinite}@keyframes eyebrow-shimmer{0%{background-position:0% 50%;opacity:.7}50%{background-position:100% 50%;opacity:1}to{background-position:0% 50%;opacity:.7}}@keyframes title-breathe{0%{text-shadow:0 0 0 rgba(56,189,248,0)}50%{text-shadow:0 0 18px rgba(56,189,248,.25)}to{text-shadow:0 0 0 rgba(56,189,248,0)}}@keyframes line-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes line-glow{0%{opacity:.25}50%{opacity:.55}to{opacity:.25}}.about-hero{display:grid;grid-template-columns:500px 1fr;gap:4.5rem;align-items:start;overflow:visible}.about-intro{position:sticky;top:2rem;width:500px;max-width:550px;flex-shrink:0}.about-title{font-size:2.6rem;line-height:1.15;font-weight:800;margin-bottom:2.2rem;color:var(--text-main)}.about-title span{display:block;margin-top:.35rem;background:linear-gradient(90deg,#38bdf8,#2563eb,#1d4ed8,#38bdf8);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;animation:about-title-flow 6s linear infinite}.about-title span:after{content:"";position:absolute;inset:0;background:inherit;filter:blur(26px);opacity:.25;z-index:-1;animation:about-title-glow 6s ease-in-out infinite}.about-title:hover span{filter:brightness(1.15)}@keyframes about-title-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes about-title-breathe{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes about-title-glow{0%{opacity:.18}50%{opacity:.35}to{opacity:.18}}.about-profile{display:flex;align-items:center;gap:1.4rem;margin-bottom:2.2rem;animation:profile-float 7s ease-in-out infinite}.about-avatar{width:84px;height:84px;border-radius:50%;filter:grayscale(100%) contrast(110%) brightness(95%);transition:all .4s ease-in-out;border:2px solid rgba(56,189,248,.35);box-shadow:0 0 #38bdf800,0 0 24px #38bdf840;animation:avatar-pulse 6s ease-in-out infinite}.about-avatar:hover{filter:grayscale(0%) contrast(100%) brightness(100%);transform:scale(1.02);box-shadow:0 0 20px #38bdf899}.about-avatar:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.35),transparent 65%)}.about-profile h4{font-size:1.05rem;margin-bottom:.2rem;font-weight:600;color:var(--text-main)}.about-profile span{display:block;font-size:.85rem;font-weight:500;color:var(--primary);background:linear-gradient(90deg,var(--primary),#7dd3fc,var(--primary));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:role-flow 8s linear infinite}.about-profile p{font-size:.8rem;color:var(--text-muted);margin-top:.2rem;opacity:.9}.about-profile:hover{filter:brightness(1.05)}.about-profile:hover .about-avatar{box-shadow:0 0 0 4px #38bdf840,0 0 36px #38bdf873}@keyframes profile-float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes avatar-pulse{0%{box-shadow:0 0 #38bdf800,0 0 18px #38bdf840}50%{box-shadow:0 0 0 6px #38bdf82e,0 0 32px #38bdf873}to{box-shadow:0 0 #38bdf800,0 0 18px #38bdf840}}@keyframes role-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.about-description{max-width:620px;font-size:.95rem;line-height:1.7;color:var(--text-muted);margin-bottom:2.4rem}.about-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;animation:actions-breathe 9s ease-in-out infinite}.about-actions .btn-primary{position:relative;background:linear-gradient(135deg,#38bdf8,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 30px #2563eb59,inset 0 0 0 1px #ffffff26;animation:primary-glow 6.5s ease-in-out infinite}.about-actions .btn-primary:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.about-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px #2563eb80,inset 0 0 0 1px #ffffff40}.about-actions .btn-primary:hover:after{opacity:1}.about-actions .btn-secondary{background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-main);border:1px solid var(--border-soft);animation:secondary-float 8s ease-in-out infinite}.about-actions .btn-secondary:hover{background:#ffffff14;transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.about-cv{position:relative;font-size:.8rem;font-weight:500;color:var(--text-muted);text-decoration:none;padding-bottom:2px;margin-left:.3rem;animation:cv-pulse 10s ease-in-out infinite}.about-cv:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.4}.about-cv:hover{color:var(--primary)}@keyframes actions-breathe{0%{filter:brightness(1)}50%{filter:brightness(1.03)}to{filter:brightness(1)}}@keyframes primary-glow{0%{box-shadow:0 10px 30px #2563eb40,inset 0 0 0 1px #ffffff1f}50%{box-shadow:0 16px 42px #2563eb80,inset 0 0 0 1px #ffffff40}to{box-shadow:0 10px 30px #2563eb40,inset 0 0 0 1px #ffffff1f}}@keyframes secondary-float{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes cv-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.about-hero{display:grid;grid-template-columns:minmax(300px,550px) 1fr;gap:4.5rem;align-items:start;overflow:visible}.about-intro{position:sticky;top:2rem;width:100%;max-width:550px;flex-shrink:0}.about-panels{display:flex;flex-direction:column;gap:2.4rem;width:100%;overflow:visible;position:relative;animation:fadeInRight .6s ease-out}.about-section-title{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.about-card:hover,.about-card:focus-visible{transform:translateY(-4px) scale(1.015);box-shadow:0 30px 70px #000000a6,0 0 32px color-mix(in srgb,var(--accent) 35%,transparent);outline:none}.card-icon{font-size:.65rem;font-weight:700;letter-spacing:.18em;color:var(--accent);opacity:.85}.about-card h5{font-size:.9rem;font-weight:600;margin-top:.4rem;margin-bottom:.15rem;color:#fff}.card-subtitle{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);opacity:.9}.about-card p{font-size:.78rem;line-height:1.6;color:#ffffffc7;margin-top:.5rem}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.card-tags span{font-size:.6rem;padding:.25rem .6rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffd9}.card-micro-graph{height:12px;margin-top:.6rem;background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 2px,transparent 6px);opacity:.45;border-radius:6px}.card-border-line{position:absolute;inset:auto 1.2rem .8rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}body.light .about-card{background:linear-gradient(180deg,#fffffff2,#ffffffbf),radial-gradient(ellipse at 120% -20%,color-mix(in srgb,var(--accent) 25%,white),transparent 65%);border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 32px #0000002e,inset 0 0 0 1px #ffffffb3}body.light .about-card h5{color:#0f172a}body.light .about-card p{color:#0f172abf}body.light .card-tags span{background:#0000000d;border-color:#0000001f;color:#0f172a}@media(max-width:1200px){.about-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.about-cards{grid-template-columns:1fr}}.about-focus{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:20px;padding:1.8rem}.about-focus h4{font-size:1.1rem;margin-bottom:1rem}.about-focus ul{list-style:none;padding:0;margin:0}.about-focus li{font-size:.85rem;color:var(--text-muted);margin-bottom:.6rem}.about-focus strong{color:var(--text-main)}.about-stack{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:20px;padding:1.8rem}.about-stack h4{font-size:1.1rem;margin-bottom:.6rem}.about-stack p{font-size:.82rem;color:var(--text-muted);line-height:1.6}@media(max-width:900px){.about{padding:3.5rem 5%;overflow-x:hidden}.about-hero{grid-template-columns:1fr;gap:3rem}.about-intro{position:relative;top:auto;width:100%;max-width:100%;min-width:0}.about-title,.about-title span,.about-description,.about-profile,.about-profile h4,.about-profile p{max-width:100%;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.about-title{font-size:clamp(1.9rem,6.5vw,2.2rem);line-height:1.18}.about-title span{font-size:clamp(1.8rem,6vw,2.1rem);line-height:1.18}.about-description{font-size:.95rem;line-height:1.7}}.about-bg-gear{position:absolute;top:350px;right:0;transform:translate(50%);width:min(900px,80vw);height:auto;opacity:.04;pointer-events:none;z-index:0;animation:rotate-gear-independent 80s linear infinite}@keyframes rotate-gear-independent{0%{transform:translate(50%) rotate(0)}to{transform:translate(50%) rotate(360deg)}}@media(max-width:900px){.about-bg-gear{display:none}}.about-description-container.collapsed .about-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.about-description-container.expanded .about-description{display:block}.btn-read-more{background:transparent;border:none;color:var(--card-color, #38bdf8);font-weight:700;cursor:pointer;padding:0;margin-bottom:20px;font-size:.9rem;transition:opacity .3s ease}.btn-read-more:hover{text-decoration:underline;opacity:.8}.title-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary)}.title-dot.red{background:#f43f5e;box-shadow:0 0 10px #f43f5e}.focus-cards-container{display:grid;grid-template-columns:1fr;gap:16px}.focus-item{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:1.6rem;background:var(--bg-card);border:2px solid var(--border-soft);border-radius:calc(var(--radius) + 4px);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:var(--nav-blur);backdrop-filter:var(--nav-blur)}.focus-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--primary);transform:scaleY(0);transition:transform .4s ease;transform-origin:bottom}.focus-icon{font-size:2rem;margin-bottom:.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border-radius:50%;border:1px solid var(--border-soft);color:var(--primary);box-shadow:0 4px 12px #2563eb26;transition:all .3s ease}.focus-content{display:flex;flex-direction:column;gap:4px}.focus-content strong{display:block;color:var(--text-main);font-size:1.1rem;font-weight:600;letter-spacing:-.025px}.focus-content p{color:var(--about-muted);font-size:.9rem;line-height:1.6}.focus-item:hover{border-color:var(--primary);transform:translateY(-4px) scale(1.02);background:var(--bg-soft);box-shadow:0 12px 28px #2563eb26,0 0 0 1px #2563eb33}.focus-item:hover:before{transform:scaleY(1)}.focus-item:hover .focus-icon{background:var(--primary);color:#fff;transform:rotate(-15deg) scale(1.1);box-shadow:0 6px 16px #2563eb40}@media(max-width:480px){.focus-item{padding:1.4rem;gap:10px}.focus-icon{font-size:1.75rem}.focus-content strong{font-size:1rem}}.focus-icon{font-size:1.5rem;filter:drop-shadow(0 0 6px rgba(255,255,255,.25))}.focus-content strong{display:block;color:var(--text-main);font-size:1rem;margin-bottom:2px}.focus-content p{color:var(--about-muted);font-size:.85rem;margin:0}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.about{padding:3.5rem 5%}.about-title{font-size:2rem}.about-profile{gap:1rem}.about-avatar{width:72px;height:72px}}.engineering-focus{padding:4rem 0;background:var(--bg-main)}.engineering-focus .section-title{text-align:center;margin-bottom:3rem;font-size:2.2rem;font-weight:800;color:var(--text-main);position:relative}.engineering-focus .section-title:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translate(-50%);width:60px;height:4px;background:var(--primary);border-radius:2px}.radar-chart-container{width:100%;max-width:300px;margin:0 auto 3rem;position:relative}.radar-chart{width:100%;height:auto;display:block}.radar-axes line{stroke:#2563eb26;stroke-width:1}.radar-labels{font-family:Inter,system-ui,sans-serif;font-size:11px;fill:#e5e7ebb3}.radar-labels text{pointer-events:none}.radar-chart circle{fill:none;stroke:#2563eb14;stroke-width:1}.radar-skill{fill:#2563eb26;stroke:#2563eb66;stroke-width:2;transition:all .8s ease}.radar-points circle{fill:#2563ebcc;stroke:#fff;stroke-width:2;transition:all .6s ease}.radar-chart:hover .radar-skill{fill:#2563eb40;stroke:#2563eb99;transform:scale(1.03)}.radar-chart:hover .radar-points circle{fill:#2563eb;stroke:var(--primary);stroke-width:3;transform:scale(1.2)}.impact-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;text-align:center;padding:0 1rem}.metric-item{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:16px;padding:1.5rem;transition:all .3s ease}.metric-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2563eb26;border-color:var(--primary)}.metric-item h3{font-size:2.2rem;font-weight:800;color:var(--primary);margin:0 0 .5rem;line-height:1}.metric-item p{font-size:.9rem;color:var(--text-muted);margin:0}@media(max-width:640px){.engineering-focus{padding:3rem 0}.engineering-focus .section-title{font-size:1.8rem;margin-bottom:2rem}.radar-chart-container{max-width:250px}.impact-metrics{gap:1rem}.metric-item{padding:1.2rem}.metric-item h3{font-size:1.8rem}.metric-item p{font-size:.85rem}}@media(max-width:480px){.engineering-focus{padding:2.5rem 0}.engineering-focus .section-title{font-size:1.6rem;margin-bottom:1.5rem}.radar-chart-container{max-width:220px}.impact-metrics{grid-template-columns:1fr;gap:1rem}.metric-item{padding:1rem}.metric-item h3{font-size:1.6rem}.metric-item p{font-size:.8rem}}.radar-chart-container{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.radar-chart-container.visible{opacity:1;transform:translateY(0)}.radar-chart-container.visible .radar-skill{fill:#2563eb33;stroke:#2563eb80}.radar-chart-container.visible .radar-points circle{fill:#2563ebe6}.skills-main-container{display:flex;flex-direction:column;align-items:flex-end;width:100%}.skills-row{display:flex;justify-content:flex-start;min-width:650px;padding:40px 0;overflow:visible;gap:10px}@media(max-width:900px){.skills-main-container{min-width:0}}.skill-card-container{position:relative;flex:0 0 110px;height:230px;margin-right:-30px;z-index:1;transition:flex .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1),margin .6s ease;will-change:flex,height,margin}.skill-card-container:hover{flex:0 0 300px;margin-right:20px;height:350px;z-index:100}.skill-card{position:relative;width:100%;height:100%;background:var(--skill-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:25px 18px;border:1px solid var(--skill-card-border);overflow:hidden;color:var(--skill-card-text);transition:transform .6s cubic-bezier(.16,1,.3,1),background .4s ease;transform:translateZ(0)}.skill-card-container:hover .skill-card{transform:translateY(-15px);background:var(--skill-card-bg-hover);border:1px solid var(--card-color)}.skill-card-title{color:var(--skill-card-text);font-size:1rem;font-weight:800;margin:0;line-height:1.2;letter-spacing:-.3px;white-space:normal;overflow-wrap:break-word}.skill-card-backlight{position:absolute;inset:-20px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--card-color) 25%,transparent),color-mix(in srgb,var(--card-color-secondary) 15%,transparent) 80%);filter:blur(30px);opacity:0;z-index:-1;transition:opacity .4s ease;pointer-events:none}.skill-card-container:hover .skill-card-backlight{opacity:1}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--card-color),var(--card-color-secondary));box-shadow:0 0 15px var(--card-color);z-index:10}.skill-card-dots{position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--skill-dot-color) 1px,transparent 1px);background-size:12px 12px;opacity:.12;z-index:0}.skill-content{position:relative;z-index:5;display:flex;flex-direction:column;height:100%}.skill-badge{font-size:9px;font-weight:900;padding:3px 10px;border-radius:10px;margin-bottom:12px;width:fit-content}.skill-card-subtitle{font-size:.75rem;font-weight:700;margin-top:8px;text-transform:uppercase}.skill-divider{width:100%;height:1px;background:linear-gradient(90deg,var(--card-color),transparent);margin:15px 0;opacity:.6}.skill-desc{font-size:.8rem;color:var(--skill-card-muted);line-height:1.6;opacity:0;transform:translateY(10px);transition:opacity .4s ease .1s,transform .4s ease .1s;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.skill-card-container:hover .skill-desc{opacity:1;transform:translateY(0)}.skill-tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:15px;opacity:0;transform:translateY(10px);transition:opacity .4s ease .2s,transform .4s ease .2s}.skill-card-container:hover .skill-tags-container{opacity:1;transform:translateY(0)}.skill-tag{font-size:.7rem;color:var(--skill-card-text);background:var(--skill-tag-bg);border:1px solid var(--skill-tag-border);padding:3px 8px;border-radius:6px}@media(max-width:900px){.skills-main-container{display:flex;flex-direction:column;gap:12px;width:100%;padding:0 4%}.skills-row{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;padding:0;overflow:visible}.skill-card-container{flex:none;width:100%;height:130px;margin-right:0;margin-bottom:0;scroll-snap-align:none;transition:height .4s ease,margin .4s ease,z-index .4s ease}.skill-card-container:hover,.skill-card-container:active,.skill-card-container:focus-within{height:300px;margin-bottom:0;z-index:10}.skill-card{height:100%;min-height:130px;padding:20px 24px;border-radius:18px;transition:transform .4s ease,box-shadow .4s ease}.skill-card-container:hover .skill-card,.skill-card-container:active .skill-card,.skill-card-container:focus-within .skill-card{transform:translateY(-15px);box-shadow:0 25px 50px #00000059}.skill-badge{font-size:10px;padding:4px 12px;margin-bottom:10px}.skill-card-title{font-size:1.1rem;margin-bottom:6px}.skill-card-subtitle{font-size:.8rem;margin-top:6px;opacity:.85}.skill-desc{display:none}.skill-card-container:hover .skill-desc,.skill-card-container:active .skill-desc,.skill-card-container:focus-within .skill-desc{display:block}.skill-tags-container{display:none}.skill-card-container:hover .skill-tags-container,.skill-card-container:active .skill-tags-container,.skill-card-container:focus-within .skill-tags-container{display:flex}}@media(max-width:480px){.skills-main-container{padding:0 3%;gap:10px}.skill-card-container{height:120px}.skill-card-container:hover,.skill-card-container:active,.skill-card-container:focus-within{height:280px}.skill-card{min-height:120px;padding:16px 18px;border-radius:16px}.skill-card-title{font-size:1rem}}.experience{padding:3rem 5%;width:100%;max-width:100%;overflow:hidden}.experience-header{margin-bottom:3rem}.experience-eyebrow{color:var(--primary);font-size:.75rem;letter-spacing:.14em;font-weight:600}.experience-grid{display:grid;grid-template-columns:240px 1fr;gap:4rem}.experience-timeline{position:relative;padding-left:1rem}.timeline-line{position:absolute;left:6px;top:0;bottom:0;width:1px;background:var(--border-soft)}.timeline-item{position:relative;padding:.5rem 0 .5rem 1.6rem;background:none;border:none;color:var(--text-muted);cursor:pointer;text-align:left;transition:color .3s ease}.timeline-item .dot{position:absolute;left:0;top:50%;width:8px;height:8px;background:var(--border-soft);border-radius:50%;transform:translateY(-50%);transition:background .3s ease}.timeline-item.active{color:var(--primary)}.timeline-item.active .dot{background:var(--primary);box-shadow:0 0 0 4px #2563eb33}.experience-detail-wrapper{min-height:380px}.experience-detail h3{font-size:1.8rem;margin-bottom:.4rem}.meta{display:block;margin-bottom:1.8rem;color:var(--text-muted)}.bullet-list{list-style:none;padding:0;margin-bottom:2rem}.bullet-list li{margin-bottom:.8rem;color:var(--text-muted)}.tech-list{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.4rem}.tech-list span{font-size:.75rem;padding:.35rem .75rem;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border-soft);color:var(--text-muted)}.experience-link{display:inline-block;margin-top:2rem;color:var(--primary);text-decoration:none;font-weight:600}@media(max-width:900px){.experience{padding:3rem 5%}.experience-header h2{font-size:clamp(1.8rem,5vw,2.5rem)}.experience-grid{grid-template-columns:1fr;gap:2rem}.experience-timeline{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scroll-snap-type:x mandatory}.timeline-line{display:none}.timeline-item{flex-shrink:0;padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:999px;scroll-snap-align:start}.timeline-item .dot{display:none}.experience-detail{padding:1.5rem;background:var(--bg-card);border-radius:16px}.experience-detail h3{font-size:1.4rem}.bullet-list li{font-size:.9rem}.tech-list{flex-wrap:wrap}}@media(max-width:480px){.experience{padding:2.5rem 4%}.experience-detail{padding:1rem}.tech-list span{font-size:.65rem}}.experience-link{display:inline-block;font-weight:600;color:var(--primary);cursor:pointer}.projects{padding:3rem 5%;width:100%;max-width:100%;overflow:hidden}@media(min-width:900px){.projects{padding:4rem 5%}}.projects-header{max-width:680px;margin-bottom:3rem}.projects-header p{color:var(--text-muted)}.projects-grid{display:grid;grid-template-columns:300px 1fr;gap:3rem}.projects-list{display:flex;flex-direction:column;gap:.8rem}.projects-label{font-size:.75rem;letter-spacing:.14em;color:var(--text-muted);margin-bottom:.8rem}.project-item{background:transparent;border:1px solid var(--border-soft);border-radius:14px;padding:1rem;text-align:left;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.project-item small{display:block;color:var(--text-muted);font-size:.75rem}.project-item.active{border-color:var(--primary);background:#2563eb1f}.arrow{font-size:1.2rem;opacity:.6}.project-panel{position:relative}.project-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #00000026;transition:background .3s ease,box-shadow .3s ease}.project-media{position:relative;height:320px;overflow:hidden;background:var(--bg-soft)}.project-media img,.project-media video{width:100%;height:100%;object-fit:contain;display:block}.project-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#02061726,#020617d9)}body.light .project-media:after{background:linear-gradient(to bottom,#ffffff0d,#f8fafcd9)}.project-status{position:absolute;top:18px;left:18px;z-index:3;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#16a34a;background:#ffffffd9;border:1px solid rgba(22,163,74,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.4rem .7rem;border-radius:999px}body:not(.light) .project-status{background:#0f172abf;color:#22c55e;border-color:#22c55e4d}.project-status .dot{width:8px;height:8px;background:currentColor;border-radius:50%}.project-title-block{position:absolute;bottom:28px;left:28px;right:28px;z-index:3}.project-title{font-size:1.9rem;font-weight:800;margin-bottom:.35rem;color:var(--text-main)}body:not(.light) .project-title{background:linear-gradient(90deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-subtitle{font-size:.95rem;color:var(--text-muted)}.project-body{padding:2.8rem}.project-body h4{font-size:.85rem;margin-bottom:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-main)}.project-description{font-size:.9rem;line-height:1.65;color:var(--text-muted)}.tech-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.tech{font-size:.7rem;padding:.35rem .75rem;border-radius:999px;font-weight:600;background:var(--bg-soft);border:1px solid var(--border-soft)}.tech-android{color:#16a34a}.tech-java{color:#f97316}.tech-spring-boot,.tech-node-js{color:#22c55e}.tech-discord-js{color:#5865f2}.tech-ffmpeg{color:#10b981}.tech-react{color:#61dafb}.tech-electron{color:#38bdf8}.tech-azure{color:#2563eb}.tech-cloud-vm{color:#3b82f6}.tech-vm{color:#6366f1}.tech-vps{color:#4f46e5}.tech-docker{color:#0ea5e9}.tech-nginx{color:#0d9488}.tech-mysql{color:#d97706}.tech-linux{color:#facc15}.tech-ubuntu{color:#f97316}.tech-github{color:#e5e7eb}.tech-youtube{color:red}.tech-spotify{color:#1db954}.project-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary{background:var(--primary);color:#fff;border-radius:999px;padding:.55rem 1.2rem;font-weight:600;text-decoration:none}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border-soft);border-radius:999px;padding:.55rem 1.2rem;font-weight:600;text-decoration:none}@media(max-width:900px){.projects{padding:3rem 5%}.projects-header h2{font-size:clamp(1.8rem,5vw,2.5rem)}.projects-grid{grid-template-columns:1fr;gap:2rem}.projects-list{flex-direction:row;overflow-x:auto;gap:.75rem;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.projects-list::-webkit-scrollbar{display:none}.projects-label{display:none}.project-item{flex-shrink:0;width:200px;padding:.85rem;scroll-snap-align:start}.project-item small,.arrow{display:none}}@media(max-width:640px){.projects{padding:2.5rem 4%}.project-media{height:200px}.project-title-block{left:16px;right:16px;bottom:16px}.project-title{font-size:1.4rem}.project-subtitle{font-size:.85rem}.project-body{padding:1.5rem}.project-description{font-size:.85rem}.tech-tags{gap:.4rem}.tech{font-size:.65rem;padding:.25rem .5rem}.project-actions{flex-direction:column;gap:.75rem}.project-actions a{width:100%;text-align:center;padding:.75rem 1rem}}.contact-section{padding:0 5%;width:100%;max-width:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(37,99,235,.12),transparent 60%)}.contact-header{max-width:820px;margin-bottom:4rem}.contact-badge{display:inline-block;margin-bottom:1.2rem;padding:.35rem .9rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.12em;color:#60a5fa;background:#2563eb26}.contact-header h2{font-size:clamp(2.5rem,5vw,3.6rem);font-weight:800;line-height:1.1;margin-bottom:1.2rem}.contact-header h2 span{background:linear-gradient(90deg,#2563eb,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-header p{max-width:620px;color:var(--text-muted);font-size:1.05rem}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem}.contact-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:20px;padding:2.5rem}.contact-card h3{margin-bottom:1.5rem}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-card input,.contact-card textarea{width:100%;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:12px;padding:.9rem 1rem;color:var(--text-main);font-size:.9rem}.contact-card textarea{min-height:140px;resize:none;margin-top:1rem}.contact-card button{margin-top:1.5rem;width:100%;padding:.9rem;border-radius:12px;border:none;font-weight:700;color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8);cursor:pointer}.contact-card button:disabled{opacity:.7;cursor:not-allowed}.honeypot{display:none}.contact-error{margin-top:1rem;color:#f87171}.contact-success{padding:1.2rem;border-radius:12px;background:#22c55e26;color:#22c55e}.contact-info h4{margin-bottom:.8rem}.contact-info p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.contact-info-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;padding:1rem 1.2rem;margin-bottom:1rem}.contact-info-card strong{display:block;margin-bottom:.3rem}@media(max-width:900px){.contact-grid,.contact-row{grid-template-columns:1fr}}.contact-normal{position:relative;min-height:100vh;padding:3rem 5%;background:var(--bg-main);overflow:hidden;width:100%;max-width:100%}@media(min-width:900px){.contact-normal{padding:4.5rem 5%}}.contact-back{margin-bottom:2rem;background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-size:.9rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{background:none;border:none;cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}:root{--bg-main: #0b1220;--bg-nav: rgba(11, 18, 32, .9);--bg-card: #0f172a;--bg-soft: #020617;--primary: #2563eb;--primary-light: #38bdf8;--text-main: #e5e7eb;--text-muted: #9ca3af;--border-soft: rgba(255, 255, 255, .08);--grid-line: rgba(255, 255, 255, .04);--radius: 14px;--z-base: 1;--z-content: 10;--z-floating: 50;--z-navbar: 100;--z-drawer: 999;--z-drawer-overlay: 998;--z-backdrop: 250;--z-overlay: 1000;--z-modal: 2000;--skill-card-bg: linear-gradient( 165deg, rgba(15, 23, 42, .92), rgba(8, 12, 24, 1) );--skill-card-bg-hover: rgba(10, 15, 28, .98);--skill-card-border: rgba(255, 255, 255, .08);--skill-card-text: #ffffff;--skill-card-muted: #94a3b8;--skill-tag-bg: rgba(255, 255, 255, .05);--skill-tag-border: rgba(255, 255, 255, .1);--skill-dot-color: rgba(255, 255, 255, .05);--nav-height: 72px;--nav-bg: var(--bg-nav);--nav-bg-scrolled: rgba(15, 23, 42, .75);--nav-bg-top: transparent;--nav-blur: blur(14px);--nav-border: var(--border-soft);--nav-text: var(--text-muted);--nav-text-hover: var(--text-main);--nav-cta-bg: var(--primary);--nav-cta-bg-hover: var(--primary-light);--about-eyebrow-opacity: .85;--about-line-opacity: .6;--about-title-glow: rgba(56, 189, 248, .25);--about-avatar-glow: rgba(56, 189, 248, .45);--about-card-bg: var(--bg-card);--about-card-bg-hover: var(--bg-soft);--about-muted: var(--text-muted)}body.light{--bg-main: #f8fafc;--bg-nav: rgba(255, 255, 255, .9);--bg-card: #ffffff;--bg-soft: #f1f5f9;--primary: #2563eb;--primary-light: #1d4ed8;--text-main: #0f172a;--text-muted: #475569;--border-soft: rgba(0, 0, 0, .08);--grid-line: rgba(0, 0, 0, .04);--skill-card-bg: linear-gradient( 165deg, rgba(255, 255, 255, .92), rgba(241, 245, 249, 1) );--skill-card-bg-hover: #ffffff;--skill-card-border: rgba(0, 0, 0, .08);--skill-card-text: #0f172a;--skill-card-muted: #475569;--skill-tag-bg: rgba(0, 0, 0, .04);--skill-tag-border: rgba(0, 0, 0, .12);--skill-dot-color: rgba(0, 0, 0, .05);--nav-text: #475569;--nav-text-hover: #0f172a;--nav-bg-scrolled: rgba(255, 255, 255, .75);--about-title-glow: rgba(37, 99, 235, .18);--about-avatar-glow: rgba(37, 99, 235, .35)}body.identity-personal{--brand-gradient: linear-gradient( 90deg, var(--primary), var(--primary-light) )}body.identity-redsparrow{--primary: #dc2626;--primary-light: #fb923c;--brand-gradient: linear-gradient( 90deg, #dc2626, #fb923c, #facc15 )}body{background:var(--bg-main);color:var(--text-main);font-family:Inter,system-ui,sans-serif;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body.menu-open{overflow:hidden;position:fixed;width:100%}.progressive-root{height:150vh;width:100%;background:var(--bg-main);color:var(--text-main);overflow:hidden}.progressive-layer{position:absolute;inset:0;padding:4.5rem 5%;box-sizing:border-box;transition:transform .06s linear,opacity .06s linear}@media(max-width:768px){.progressive-layer{padding:3rem 4%}}@media(max-width:480px){.progressive-layer{padding:2rem 3%}}