@layer base{.icon-mask{-webkit-mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-image:var(--icon);background-color:currentColor;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#6366f1 transparent;overflow-x:hidden}html.dark{scrollbar-color:#22d3ee #0a0a1a}body{-webkit-user-select:none;user-select:none;background-color:#fff;background-image:radial-gradient(circle at 20% 0,#6366f140,#0000 40%),radial-gradient(circle at 80% 20%,#38bdf833,#0000 40%);overflow-x:hidden}.dark body{background-color:#0a0a1a}.light-mode body{background-color:#f4f6ff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}.dark ::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background-color:#6366f1;border-radius:9999px}.dark ::-webkit-scrollbar-thumb{background-color:#22d3ee}.gradient-text{color:#4338ca;font-weight:800}.dark .gradient-text{color:#818cf8}.logo-text{color:#0000;background-image:linear-gradient(90deg,#4338ca,#0e7490,#a21caf);-webkit-background-clip:text;background-clip:text;animation:1s ease-out logo-slide-in;display:inline-block}.dark .logo-text{background-image:linear-gradient(90deg,#818cf8,#22d3ee,#c084fc)}@keyframes logo-slide-in{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.logo-text{animation:none}}#header-actions{transition:opacity .5s ease-out}#menu-panel{transform:translate(100%)}#menu-panel.open{transform:translate(0)}#overlay{opacity:0;pointer-events:none}#overlay.open{opacity:1;pointer-events:auto}.burger-line{transition:transform .3s,opacity .3s}.arsenal-card,.tilt-card{transform-style:preserve-3d;will-change:transform}.arsenal-card:hover{border-color:#818cf8cc;transform:translateY(-4px)scale(1.03);box-shadow:0 0 25px #6366f173}.contact-card:hover{transform:translateY(-3px);box-shadow:0 0 30px #22d3ee59}#arsenal-slider{scrollbar-width:none;-ms-overflow-style:none}#arsenal-slider::-webkit-scrollbar{display:none}.skills-section{background:linear-gradient(#4f46e50f,#22d3ee0f);border-top:1px solid #6366f126;border-bottom:1px solid #6366f126}.experience-section{background:linear-gradient(#c026d31a,#c026d30d,#0000);border-top:1px solid #c026d333;border-bottom:1px solid #c026d333}.skills-grid{columns:380px 3;column-gap:1.5rem;max-width:1280px;margin:0 auto}.skill-card{break-inside:avoid;width:100%;margin:0 0 1.5rem;display:inline-block}.reveal{opacity:0}.split-char{will-change:transform, opacity;display:inline-block}