@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&family=Tajawal:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Share+Tech+Mono&family=Exo+2:wght@400;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-mask-linear:linear-gradient(#fff, #fff);--tw-mask-radial:linear-gradient(#fff, #fff);--tw-mask-conic:linear-gradient(#fff, #fff);--tw-mask-left:linear-gradient(#fff, #fff);--tw-mask-right:linear-gradient(#fff, #fff);--tw-mask-bottom:linear-gradient(#fff, #fff);--tw-mask-top:linear-gradient(#fff, #fff);--tw-mask-right-from-position:0%;--tw-mask-right-to-position:100%;--tw-mask-right-from-color:black;--tw-mask-right-to-color:transparent;--tw-mask-left-from-position:0%;--tw-mask-left-to-position:100%;--tw-mask-left-from-color:black;--tw-mask-left-to-color:transparent;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}:root,:host{--color-green-900:oklch(39.3% .095 152.535);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-600:oklch(58.8% .158 241.966);--color-blue-900:oklch(37.9% .146 265.522);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--leading-tight:1.25;--radius-lg:.5rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0\.5{right:calc(var(--spacing) * .5)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-\[20px\]{margin-bottom:20px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-11{height:calc(var(--spacing) * 11)}.h-full{height:100%}.min-h-\[5\.5rem\]{min-height:5.5rem}.w-5{width:calc(var(--spacing) * 5)}.w-11{width:calc(var(--spacing) * 11)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[1\.15rem\]{border-radius:1.15rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-sky-100\/70{border-color:#dff2feb3}@supports (color:color-mix(in lab,red,red)){.border-sky-100\/70{border-color:color-mix(in oklab,var(--color-sky-100) 70%,transparent)}}.border-sky-100\/80{border-color:#dff2fecc}@supports (color:color-mix(in lab,red,red)){.border-sky-100\/80{border-color:color-mix(in oklab,var(--color-sky-100) 80%,transparent)}}.bg-sky-50\/85{background-color:#f0f9ffd9}@supports (color:color-mix(in lab,red,red)){.bg-sky-50\/85{background-color:color-mix(in oklab,var(--color-sky-50) 85%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-900{--tw-gradient-from:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-100{--tw-gradient-from:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-gray-50{--tw-gradient-via:var(--color-gray-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-green-900{--tw-gradient-via:var(--color-green-900);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-900{--tw-gradient-to:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-100{--tw-gradient-to:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.mask-r-from-white{-webkit-mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-right:linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));--tw-mask-right-from-color:var(--color-white);-webkit-mask-composite:source-in;mask-composite:intersect}.mask-r-from-80\%{-webkit-mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-right:linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));--tw-mask-right-from-position:80%;-webkit-mask-composite:source-in;mask-composite:intersect}.mask-r-to-black{-webkit-mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-right:linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));--tw-mask-right-to-color:var(--color-black);-webkit-mask-composite:source-in;mask-composite:intersect}.mask-l-from-50\%{-webkit-mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-left:linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));--tw-mask-left-from-position:50%;-webkit-mask-composite:source-in;mask-composite:intersect}.mask-l-to-90\%{-webkit-mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-left:linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));--tw-mask-left-to-position:90%;-webkit-mask-composite:source-in;mask-composite:intersect}.mask-\[radial-gradient\(circle_at_center\,rgba\(255\,255\,255\,0\.7\)_0\%\,rgba\(255\,255\,255\,0\)_70\%\)\]{-webkit-mask-image:radial-gradient(circle,#ffffffb3 0%,#fff0 70%);mask-image:radial-gradient(circle,#ffffffb3,#fff0 70%)}.mask-luminance{-webkit-mask-source-type:luminance;mask-mode:luminance}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.text-sky-600{color:var(--color-sky-600)}.text-slate-800{color:var(--color-slate-800)}.opacity-10{opacity:.1}.opacity-40{opacity:.4}.opacity-75{opacity:.75}.shadow-\[0_20px_45px_-35px_rgba\(14\,116\,144\,0\.45\)\]{--tw-shadow:0 20px 45px -35px var(--tw-shadow-color,#0e749073);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.85\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffffd9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.group-hover\:scale-\[1\.05\]:is(:where(.group):hover *){scale:1.05}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-sky-200:hover{border-color:var(--color-sky-200)}.hover\:shadow-\[0_28px_60px_-38px_rgba\(37\,99\,235\,0\.42\)\]:hover{--tw-shadow:0 28px 60px -38px var(--tw-shadow-color,#2563eb6b);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.dark\:border-emerald-400\/15:where(body.dark-mode,body.dark-mode *){border-color:#00d29426}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-400\/15:where(body.dark-mode,body.dark-mode *){border-color:color-mix(in oklab,var(--color-emerald-400) 15%,transparent)}}.dark\:bg-emerald-400\/10:where(body.dark-mode,body.dark-mode *){background-color:#00d2941a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-400\/10:where(body.dark-mode,body.dark-mode *){background-color:color-mix(in oklab,var(--color-emerald-400) 10%,transparent)}}.dark\:bg-slate-950\/65:where(body.dark-mode,body.dark-mode *){background-color:#020618a6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-950\/65:where(body.dark-mode,body.dark-mode *){background-color:color-mix(in oklab,var(--color-slate-950) 65%,transparent)}}.dark\:text-emerald-300:where(body.dark-mode,body.dark-mode *){color:var(--color-emerald-300)}.dark\:text-slate-50:where(body.dark-mode,body.dark-mode *){color:var(--color-slate-50)}@media(hover:hover){.dark\:hover\:border-emerald-300\/25:where(body.dark-mode,body.dark-mode *):hover{border-color:#5ee9b540}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-emerald-300\/25:where(body.dark-mode,body.dark-mode *):hover{border-color:color-mix(in oklab,var(--color-emerald-300) 25%,transparent)}}.dark\:hover\:shadow-\[0_28px_60px_-38px_rgba\(16\,185\,129\,0\.35\)\]:where(body.dark-mode,body.dark-mode *):hover{--tw-shadow:0 28px 60px -38px var(--tw-shadow-color,#10b98159);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}*{transition:all .3 ease}@media(max-width:600px){body{background-color:#add8e6}}.avatarwelcome{z-index:-3;opacity:1;min-width:105px;max-width:138px;margin-bottom:2px;margin-right:1px;transition:all .5s;position:absolute;bottom:0;right:0;transform:translateY(10px)}.avatarwelcomehover{opacity:0;filter:brightness(.8)contrast(1.1)saturate(1.2);min-width:155px;max-width:188px;transition:all .5s}.btn.welcome-cta:hover~.avatarwelcome{opacity:0;transition:all .5s}.btn.welcome-cta:hover~.avatarwelcomehover{opacity:1;transition:all .5s;transform:translateY(0)}@media(max-width:768px){.avatarwelcome{min-width:70px;max-width:74px}.avatarwelcomehover{opacity:0;min-width:85px;max-width:98px}}.footeradios{background-color:#0000;grid-column:1/-1;justify-content:center;width:100%;margin:0 auto;display:flex}.footeradios .avatar3{filter:brightness(.8)contrast(1.1)saturate(1.2);min-width:105px;max-width:148px;margin-bottom:0;display:flex}@media(max-width:768px){.footeradios .avatar3{min-width:70px;max-width:80px}}.face{background-color:#d7d7d7;border-radius:50%;width:31px;height:31px;margin-left:8px;transition:all .8s;display:flex;position:relative;box-shadow:2px 5px 8px #00000080}.eye,.mouth{background-color:#000000b3;position:absolute}.eye{background-color:#000000b3;border-radius:50%;width:10%;height:10%;top:30%;scale:1.5}.eye.left{left:25%}.eye.right{right:25%}.mouth{background:0 0;border-radius:0 0 100px 100px;width:60%;height:35%;position:absolute;bottom:20%;left:20%;transform:scaleY(.8);border-bottom:4px solid #000000b3!important}.welcome-cta:hover .eye.left{border-radius:0%;width:16%;height:4.1%;margin-top:1px}.welcome-cta:hover .eye.eye.right{border-radius:65% 35% 64% 36%/50% 45% 55% 50%}.welcome-cta:hover .mouth{transform:rotate(-3deg);border-bottom:6px solid #000000b3!important}.welcome-cta:hover .face{background-color:#00dce8;transition:all .3s;transform:rotate(-8deg)scale(1.1)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.certifications-section{grid-column:1/-1;width:100%;min-width:0;max-width:100%;margin-top:40px;animation:.8s ease-out fadeIn;position:relative}.certifications-section h3{font-family:var(--font-tech);color:#0a0e1a;border-bottom:1px solid var(--primary-light);margin-bottom:22px;padding-bottom:5px;font-size:1.6rem;display:inline-block}body.dark-mode .certifications-section h3{color:var(--text-dark-primary);border-bottom-color:var(--primary-dark)}.certifications-carousel{width:100%;min-width:0;max-width:100%;padding-inline:44px;position:relative;overflow:hidden}.certifications-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:24px;width:100%;min-width:0;max-width:100%;padding:6px 2px 18px;display:flex;overflow-x:auto}.certifications-track::-webkit-scrollbar{display:none}.certifications-slide{scroll-snap-align:start;flex-direction:column;flex:0 0 clamp(230px,31vw,340px);gap:12px;min-width:0;display:flex}.certifications-frame{aspect-ratio:4/3;background:linear-gradient(145deg,#2563eb2e,#06b6d414),#ffffff8c;border:1px solid #2563eb29;border-radius:30px;padding:10px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a1f,inset 0 1px #ffffffb3}.certifications-slide:hover .certifications-frame{border-color:#2563eb57;transform:translateY(-8px);box-shadow:0 22px 50px #0f172a29,0 0 0 1px #ffffff59}.certifications-image{object-fit:contain;background:#ffffffe6;border-radius:22px;width:100%;height:100%;display:block}.certifications-filename{color:#15304f;font-family:var(--font-tech);letter-spacing:.03em;text-align:center;text-wrap:pretty;overflow-wrap:anywhere;text-shadow:0 1px #ffffffb3;margin:0;padding:0 8px;font-size:.88rem;line-height:1.45}.certifications-expand{width:42px;height:42px;color:var(--primary-light);cursor:pointer;z-index:2;opacity:0;background:#ffffffe0;border:1px solid #2563eb2e;border-radius:50%;place-items:center;transition:transform .25s,background-color .25s,box-shadow .25s,opacity .25s;display:grid;position:absolute;top:20px;right:20px;transform:translateY(-4px);box-shadow:0 14px 28px #0f172a24}.certifications-frame:hover .certifications-expand,.certifications-frame:focus-within .certifications-expand{opacity:1;transform:translateY(0)}.certifications-expand:hover{background:#fff;box-shadow:0 18px 34px #0f172a2e}.cert-badge{font-family:var(--font-tech);color:var(--primary-light);z-index:2;background:#ffffffe6;border:1px solid #2563eb33;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700;line-height:1.4;position:absolute;top:8px;left:8px}.certifications-modal{z-index:10001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 18% 16%,#06b6d42e,#0000 24%),linear-gradient(#f8fafce6,#e2e8f0f2);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.certifications-modal__content{background:#ffffffe6;border:1px solid #2563eb1f;border-radius:24px;width:min(96vw,1200px);max-height:92vh;padding:18px;position:relative;box-shadow:0 30px 80px #0f172a38}.certifications-modal__frame{background:linear-gradient(145deg,#2563eb14,#06b6d414),#ffffffeb;border-radius:18px;place-items:center;width:100%;max-height:calc(92vh - 36px);padding:14px;display:grid;overflow:auto}.certifications-modal__image{object-fit:contain;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:calc(92vh - 84px);display:block}.certifications-modal__close{width:40px;height:40px;color:var(--primary-light);cursor:pointer;z-index:2;background:#ffffffeb;border:1px solid #2563eb24;border-radius:50%;place-items:center;transition:transform .25s,box-shadow .25s,background-color .25s;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 14px 30px #0f172a29}.certifications-modal__close:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 18px 34px #0f172a33}.certifications-empty{width:100%;color:var(--text-light-secondary);text-align:center;background:#ffffffa3;border:1px dashed #2563eb47;border-radius:24px;padding:26px 24px;font-size:1rem;line-height:1.6}.certifications-media{background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 42%),linear-gradient(155deg,#fffffff5,#e8f1ffcc),repeating-linear-gradient(90deg,#0000 0 34px,#2563eb0a 34px 35px),repeating-linear-gradient(0deg,#0000 0 34px,#06b6d40b 34px 35px);border:1px dashed #2563eb38;border-radius:22px;width:100%;height:100%;position:relative}.certifications-media:before,.certifications-media:after{content:"";border-radius:20px;position:absolute}.certifications-media:before{border:1px solid #2563eb1a;inset:18px}.certifications-media:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#fffc,#06b6d42e);width:32%;height:22%;inset:auto 18px 18px auto}.certifications-nav{cursor:pointer;z-index:2;background:#ffffffe6;border:0;border-radius:50%;width:52px;height:52px;transition:transform .25s,background-color .25s,box-shadow .25s,opacity .25s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 14px 30px #0f172a29}.certifications-nav:before{content:"";border-top:2px solid var(--primary-light);border-right:2px solid var(--primary-light);width:10px;height:10px;position:absolute;top:50%;left:50%}.certifications-nav:hover:not(:disabled){background:#fff;transform:translateY(-50%)scale(1.06);box-shadow:0 18px 36px #0f172a33}.certifications-nav:disabled{opacity:0;pointer-events:none}.certifications-nav--prev{left:8px}.certifications-nav--prev:before{transform:translate(-35%,-50%)rotate(-135deg)}.certifications-nav--next{right:8px}.certifications-nav--next:before{transform:translate(-65%,-50%)rotate(45deg)}body.dark-mode .certifications-frame{background:linear-gradient(145deg,#0f83,#00d4ff1a),#0f1419eb;border-color:#00ff882e;box-shadow:0 20px 46px #00000059,inset 0 1px #ffffff0a}body.dark-mode .certifications-frame:before{background:linear-gradient(135deg,#00ff8824,#00d4ff2e)}body.dark-mode .certifications-slide:hover .certifications-frame{border-color:#00ff8852;box-shadow:0 24px 56px #0000006b,0 0 30px #00ff881f}body.dark-mode .certifications-expand{color:var(--primary-dark);background:#0a0e1ae0;border-color:#00ff882e;box-shadow:0 16px 32px #0000004d}body.dark-mode .certifications-expand:hover{background:#080c14f5;box-shadow:0 18px 34px #00ff881f}body.dark-mode .cert-badge{color:var(--primary-dark);background:#0a0e1aeb;border-color:#00ff8840}body.dark-mode .certifications-filename{color:#e5f3ffe6;text-shadow:0 1px #00000059}body.dark-mode .certifications-media{background:radial-gradient(circle at 100% 0,#00ff881f,#0000 42%),linear-gradient(155deg,#0f1419f5,#0a0e1af0),repeating-linear-gradient(90deg,#0000 0 34px,#00ff880b 34px 35px),repeating-linear-gradient(0deg,#0000 0 34px,#00d4ff0b 34px 35px);border-color:#00ff883d}body.dark-mode .certifications-media:before{border-color:#00ff881f}body.dark-mode .certifications-media:after{background:linear-gradient(135deg,#0f1419cc,#00d4ff2e)}body.dark-mode .certifications-modal{background:radial-gradient(circle at 18% 16%,#00ff8829,#0000 24%),linear-gradient(#0a0e1aeb,#050810f5)}body.dark-mode .certifications-modal__content{background:#0c121eeb;border-color:#00ff8824;box-shadow:0 32px 86px #0000007a}body.dark-mode .certifications-modal__frame{background:linear-gradient(145deg,#00ff8814,#00d4ff14),#0a0e1af0}body.dark-mode .certifications-modal__close{color:var(--primary-dark);background:#080c14eb;border-color:#00ff882e;box-shadow:0 16px 30px #00000057}body.dark-mode .certifications-modal__close:hover{box-shadow:0 18px 34px #00ff881f}body.dark-mode .certifications-empty{color:var(--text-dark-secondary);background:#0f1419d1;border-color:#00ff8847}body.dark-mode .certifications-nav{background:#0f1419eb;box-shadow:0 16px 36px #0006}body.dark-mode .certifications-nav:before{border-top-color:var(--primary-dark);border-right-color:var(--primary-dark)}body.dark-mode .certifications-nav:hover:not(:disabled){background:#0a0e1af5}@media(max-width:900px){.certifications-carousel{padding-inline:22px}.certifications-track{gap:18px}.certifications-slide{flex-basis:min(72vw,320px)}}@media(max-width:600px){.certifications-expand{opacity:1;width:38px;height:38px;top:18px;right:18px;transform:none}.certifications-modal{padding:12px}.certifications-modal__content{border-radius:18px;width:100%;padding:12px}.certifications-modal__frame{max-height:calc(100vh - 60px);padding:10px}.certifications-modal__image{max-height:calc(100vh - 118px)}.certifications-modal__close{width:36px;height:36px;top:8px;right:8px}.certifications-section h3{font-size:1.35rem}.certifications-carousel{padding-inline:0;padding-bottom:72px}.certifications-slide{flex-basis:min(78vw,300px)}.certifications-filename{padding-inline:4px;font-size:.8rem;line-height:1.4}.certifications-nav{width:46px;height:46px;top:auto;bottom:2px;transform:none}.certifications-nav:hover:not(:disabled){transform:scale(1.05)}.certifications-nav--prev{left:calc(50% - 52px)}.certifications-nav--next{right:calc(50% - 52px)}}.comments-wrapper{border-top:2px solid var(--primary);grid-column:1/-1;margin-top:40px;padding-top:20px;animation:.8s ease-out fadeIn}.comments h3{font-family:var(--font-tech);color:#0a0e1a;border-bottom:1px solid var(--primary);margin-bottom:20px;padding-bottom:5px;font-size:1.6rem}body.dark-mode .comments h3{color:var(--text-primary)}.comment-form{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.comment-form input,.comment-form textarea{font-family:var(--font-primary);border:1px solid var(--border);background-color:#fff;border-radius:8px;padding:10px 15px;font-size:1.1rem;transition:border-color .3s,box-shadow .3s}body.dark-mode .comment-form input,body.dark-mode .comment-form textarea{background-color:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.comment-form .btn{align-self:flex-start;margin-top:0}.comment-error{color:var(--danger);margin:-5px 0 5px;font-size:.95rem}.comment-list{flex-direction:column;gap:20px;display:flex}.comment-item{border-left:4px solid var(--primary);background-color:#f9f9f9;border-radius:8px;padding:15px;transition:all .3s}body.dark-mode .comment-item{background-color:var(--bg-card);border-left-color:var(--primary)}.comment-item:hover{box-shadow:var(--shadow-md);transform:translate(5px)}.comment-header{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;font-size:.95rem;display:flex}.comment-header strong{font-family:var(--font-tech);color:var(--primary);font-size:1.1rem}.comment-email{color:var(--text-muted);font-style:italic}body.dark-mode .comment-email{color:var(--text-secondary)}.comment-date{color:var(--text-muted);margin-left:auto;font-size:.85rem}.comment-text{word-break:break-word;line-height:1.5}.no-comments{text-align:center;color:var(--text-muted);padding:20px;font-style:italic}@media(max-width:600px){.comment-header{flex-direction:column;align-items:flex-start}.comment-date{margin-left:0}.comment-form .btn{align-self:stretch}}.comment-success{color:var(--success);border-left:4px solid var(--primary);background-color:#0080ff26;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-weight:500}body.dark-mode .comment-success{color:var(--primary);background-color:#00ff881a}@media(max-width:768px){.comment-form input,.comment-form textarea{font-size:1rem}.comment-form .btn{text-align:center;width:100%}.comment-header{flex-direction:column;align-items:flex-start;gap:4px}.comment-date{margin-left:0;font-size:.8rem}.comment-item{padding:12px}}.favoritos{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#efbf04e6;width:26px;height:26px;margin:14px;animation:6s ease-in-out infinite girarEstrella;position:absolute;top:0;right:0}@keyframes girarEstrella{0%{transform:rotate(0)scale(1)}25%{filter:brightness(112%);transform:rotate(90deg)scale(1.08)}50%{transform:rotate(180deg)scale(1)}75%{filter:brightness(114%);transform:rotate(270deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}.contenedorTuerca{z-index:10;background:0 0;border-radius:50%;width:26px;height:26px;margin:14px;padding:0;animation:6s ease-in-out infinite girarTuerca;position:absolute;top:0;right:0;overflow:hidden}.Tuerca{clip-path:polygon(85% 50%,75% 44%,79% 29%,68% 32%,68% 18%,56% 26%,50% 15%,44% 26%,32% 18%,32% 32%,21% 29%,25% 44%,15% 50%,25% 56%,21% 71%,32% 68%,32% 82%,44% 74%,50% 85%,56% 74%,68% 82%,68% 68%,79% 71%,75% 56%,85% 50%);background:radial-gradient(circle at 30% 30%,#e0e0e0,#8a8a8a);border-radius:50%;width:100%;height:100%;padding:0;scale:1.55;box-shadow:0 10px 20px #00000080,inset 0 -5px 10px #ffffff4d,inset 0 5px 10px #0000004d}.Tuerca:before{content:"";z-index:2;background:radial-gradient(circle at 30% 30%,#606060,#2a2a2a);border-radius:50%;width:28%;height:28%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -3px -3px 5px #00000080,inset 3px 3px 5px #ffffff80}.Tuerca:after{content:"";background:radial-gradient(circle,#fff3,#dde8f933,);z-index:3;border-radius:50%;outline:2px solid #333;width:8%;height:8%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #00000080}@keyframes girarTuerca{0%{transform:rotate(0)}25%{filter:brightness(112%);transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{filter:brightness(114%);transform:rotate(270deg)}to{transform:rotate(360deg)}}body .graciasxv{color:var(--primary-light)}body.dark-mode .graciasxv{color:var(--primary-dark)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-mask-linear{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-radial{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-conic{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-left{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-right{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-bottom{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-top{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-right-from-position{syntax:"*";inherits:false;initial-value:0%}@property --tw-mask-right-to-position{syntax:"*";inherits:false;initial-value:100%}@property --tw-mask-right-from-color{syntax:"*";inherits:false;initial-value:black}@property --tw-mask-right-to-color{syntax:"*";inherits:false;initial-value:transparent}@property --tw-mask-left-from-position{syntax:"*";inherits:false;initial-value:0%}@property --tw-mask-left-to-position{syntax:"*";inherits:false;initial-value:100%}@property --tw-mask-left-from-color{syntax:"*";inherits:false;initial-value:black}@property --tw-mask-left-to-color{syntax:"*";inherits:false;initial-value:transparent}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}:root{--primary-light: #2563eb;--secondary-light: #06b6d4;--accent-light: #ff6b35;--success-light: #10b981;--warning-light: #f59e0b;--danger-light: #ef4444;--bg-light: #f8fafc;--bg-light-secondary: #f1f5f9;--bg-light-card: #ffffff;--bg-light-hover: #e2e8f0;--border-light: #cbd5e1;--text-light-primary: #0f172a;--text-light-secondary: #475569;--text-light-muted: #64748b;--primary-dark: #00ff88;--secondary-dark: #00d4ff;--accent-dark: #ff6b6b;--success-dark: #51cf66;--warning-dark: #ffd43b;--danger-dark: #ff4757;--bg-dark: #0a0e1a;--bg-darker: #050810;--bg-card: #0f1419;--bg-hover: #1a1f2e;--border-dark: #1e293b;--text-dark-primary: #e2e8f0;--text-dark-secondary: #94a3b8;--text-dark-muted: #64748b;--gradient-light-1: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--gradient-light-2: linear-gradient(135deg, #06b6d4 0%, #2563eb 100%);--gradient-dark-1: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);--gradient-dark-2: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--shadow-glow-light: 0 0 20px rgba(37, 99, 235, .2);--shadow-glow-dark: 0 0 30px rgba(0, 255, 136, .3);--shadow-glow-strong-dark: 0 0 50px rgba(0, 255, 136, .5);--clock-shell: linear-gradient(145deg, rgba(238, 255, 254, .92) 0%, rgba(240, 241, 255, .7) 100%);--clock-digit-bg: linear-gradient(145deg, rgba(255, 255, 255, .96) 0%, rgba(226, 232, 240, .85) 100%);--clock-border: rgba(0, 81, 255, .4);--clock-shadow-a: rgba(255, 255, 255, .72);--clock-shadow-b: rgba(14, 23, 45, .12);--clock-inset: rgba(148, 163, 184, .16);--clock-highlight: rgba(255, 255, 255, .82);--clock-glow: rgba(37, 99, 235, .2);--clock-accent: var(--primary-light);--clock-muted: var(--text-light-muted);--clock-text: var(--text-light-secondary);--hero-toolbar-reserved-width: 368px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--font-primary: "Tajawal", sans-serif;--font-code: "Fira Code", monospace;--font-tech: "Orbitron", monospace;--border-radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at 12% 18%,rgba(227,243,255,.92) 0%,transparent 24%),radial-gradient(circle at 88% 14%,rgba(196,228,255,.78) 0%,transparent 26%),radial-gradient(circle at 50% 72%,rgba(214,238,255,.72) 0%,transparent 30%),linear-gradient(180deg,#8fcaff,#b7e0ff,#d7efff 68%,#eef8ff);color:var(--text-light-primary);font-family:var(--font-primary);line-height:1.7;font-size:1.25rem;transition:background-color .4s,color .4s;position:relative;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px);background-size:35px 35px;animation:moveGrid 10s linear infinite;pointer-events:none}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(-40px,-40px)}}body.dark-mode{background-color:var(--bg-dark);color:var(--text-dark-primary);background-image:radial-gradient(circle at 10% 20%,rgba(0,255,136,.08) 0%,transparent 35%);--clock-shell: linear-gradient(145deg, rgba(17, 18, 20, .7) 0%, rgba(9, 65, 29, .2) 100%);--clock-digit-bg: linear-gradient(145deg, rgba(26, 31, 46, .98) 0%, rgba(10, 14, 26, .9) 100%);--clock-border: rgba(0, 255, 136, .4);--clock-shadow-a: rgba(18, 24, 36, .78);--clock-shadow-b: rgba(0, 0, 0, .5);--clock-inset: rgba(0, 255, 136, .08);--clock-highlight: rgba(255, 255, 255, .05);--clock-glow: rgba(0, 255, 136, .28);--clock-accent: var(--primary-dark);--clock-muted: var(--text-dark-muted);--clock-text: var(--text-dark-secondary)}body.dark-mode .container{background-color:transparent}body.dark-mode .hero-text h1,body.dark-mode h3{color:var(--text-dark-primary)}body.dark-mode .hero-text h2{color:var(--secondary-dark)}body.dark-mode footer{color:var(--text-dark-muted)}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar-track{background:#bebebecc}body::-webkit-scrollbar-thumb{background-color:#0e78ea;border-radius:4px}body.dark-mode::-webkit-scrollbar{width:4px}body.dark-mode::-webkit-scrollbar-track{background:#303030cc}body.dark-mode::-webkit-scrollbar-thumb{background-color:#0f8;border-radius:4px}.particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.76}.ghost-cursor-canvas{position:fixed;top:0;left:0;display:block;width:100%;height:100%;z-index:10000;pointer-events:none;transition:z-index 0s}.ghost-cursor-canvas--behind{z-index:999}@media(pointer:coarse),(prefers-reduced-motion:reduce){.ghost-cursor-canvas{display:none}}.theme-icon{position:fixed;top:108px;right:24px;width:6rem;height:6rem;opacity:.15;z-index:1;pointer-events:none;transition:opacity .5s ease,transform 1s ease,filter .3s ease;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 10px rgba(37,99,235,.2));animation:float 6s infinite alternate}.theme-icon.light{color:#f59e0b}.theme-icon.dark{color:#d9fff0}.theme-icon__svg{width:100%;height:100%;display:block;overflow:visible}.theme-icon__scroll-motion{width:100%;height:100%;display:block;transform-origin:center;will-change:transform}body:not(.dark-mode) .theme-icon:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:radial-gradient(circle,rgb(255,111,0),transparent 100%);width:100%;height:100%;overflow:visible;z-index:1;margin:0}body:not(.dark-mode) .theme-icon__svg{width:210px;height:210px;margin-left:-113px;margin-top:-65px;top:0;scale:.8;display:inline-block;animation:sun-rotate 20s linear infinite,sun-pulse 5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,200,50,.6)) drop-shadow(0 0 12px rgba(255,150,0,.4))}@keyframes sun-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sun-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,200,50,.6)) drop-shadow(0 0 12px rgba(255,150,0,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(255,220,100,.9)) drop-shadow(0 0 20px rgba(255,140,0,.7))}}body.dark-mode .theme-icon__svg{width:250px;height:250px;margin-left:-133px;top:0;margin-top:-70px;filter:sepia(40%) saturate(140%) hue-rotate(15deg) brightness(110%);animation:moonGlow 3s ease-in-out infinite}@keyframes moonGlow{0%{filter:sepia(20%) saturate(120%) hue-rotate(10deg) brightness(105%) drop-shadow(0 0 5px rgba(255,220,120,.3))}50%{filter:sepia(25%) saturate(130%) hue-rotate(10deg) brightness(115%) drop-shadow(0 0 16px rgba(255,240,198,.6))}to{filter:sepia(20%) saturate(120%) hue-rotate(10deg) brightness(105%) drop-shadow(0 0 5px rgba(255,220,120,.3))}}.theme-icon:hover{opacity:.25;transform:rotate(5deg) scale(1.05)}body.dark-mode .theme-icon{opacity:.2;filter:drop-shadow(0 0 10px rgba(0,255,136,.3))}body.dark-mode .theme-icon:hover{opacity:.3}.icon-style-aesthetic-adjustment{padding-top:33px;scale:.9}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@media(max-width:600px){.theme-icon{width:4rem;height:4rem;top:88px;right:12px}}.container{width:100%;max-width:1440px;padding:36px 5% 0;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:50px;position:relative;z-index:2;background:transparent;overflow-x:hidden}.hero{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;border-bottom:2px solid var(--primary-light);padding-bottom:30px;margin-bottom:30px;position:relative;padding-top:14px}body.dark-mode .hero{border-bottom-color:var(--primary-dark)}body:not(.dark-mode) .hero{border-bottom-color:transparent}.hero:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-light-1);opacity:.85}body.dark-mode .hero:before{content:none}body:not(.dark-mode) .hero:before{box-shadow:0 0 10px #06b6d459}.hero:after{content:"";position:absolute;bottom:-2px;left:0;width:30%;height:2px;background:var(--gradient-light-1)}.hero-toolbar{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:80;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 36px)}body.dark-mode .hero:after{background:var(--gradient-dark-1)}.hero-text h1{font-family:var(--font-tech);font-size:3.8rem;font-weight:700;margin-bottom:8px;letter-spacing:2px;color:var(--text-light-primary);text-shadow:2px 2px 4px rgba(0,0,0,.05);animation:dropIn .8s cubic-bezier(.12,.71,.33,1) forwards}body.dark-mode .hero-text h1{color:var(--text-dark-primary);text-shadow:0 2px 10px rgba(0,255,136,.3)}.hero-text h2{font-family:var(--font-primary);font-weight:300;font-size:2.2rem;color:var(--primary-light);text-transform:uppercase;letter-spacing:4px;min-height:3rem;display:flex;align-items:center}body.dark-mode .hero-text h2{color:var(--primary-dark)}.hero-text h2:after{content:"|";margin-left:5px;animation:blink 1s infinite;font-weight:300;color:var(--primary-light)}body.dark-mode .hero-text h2:after{color:var(--primary-dark)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.theme-buttons{display:flex;gap:8px;margin-top:0;align-items:center;padding:6px;border:1px solid rgba(37,99,235,.14);border-radius:999px;background:linear-gradient(145deg,#ffffffc7,#e2e8f094);box-shadow:0 14px 30px #2563eb1f,inset 0 1px #ffffffbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.theme-buttons span{display:inline-block}.theme-buttons span:before{content:"";position:absolute;inset:0;filter:brightness(.85) saturate(.7);pointer-events:none;border-radius:50%}body.dark-mode .theme-buttons{border-color:#00ff881f;background:linear-gradient(145deg,#0f1419db,#0a0e1ab8);box-shadow:0 14px 30px #00ff881a,inset 0 1px #ffffff0a}.theme-btn{position:relative;overflow:hidden;background:transparent;border:0;color:var(--text-light-secondary);width:50px;height:50px;display:grid;place-items:center;padding:0;font-family:inherit;font-size:1.35rem;line-height:1;cursor:pointer;transition:var(--transition);border-radius:999px;font-weight:600;letter-spacing:0}.theme-btn:before{content:"";position:absolute;inset:3px;border-radius:inherit;background:#ffffff8c;opacity:0;transform:scale(.86);transition:opacity .22s ease,transform .22s ease,background .22s ease}body.dark-mode .theme-btn{color:var(--text-dark-secondary)}body.dark-mode .theme-btn:before{background:#ffffff0a}.theme-btn:hover{transform:translateY(-1px);color:var(--primary-light)}body.dark-mode .theme-btn:hover{color:var(--primary-dark)}.theme-btn:hover:before,.theme-btn:focus-visible:before,.theme-btn[aria-pressed=true]:before{opacity:1;transform:scale(1)}.theme-btn:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:3px}body.dark-mode .theme-btn:focus-visible{outline-color:#0f83}.theme-btn[aria-pressed=true]{color:#fff;box-shadow:0 12px 26px #2563eb33}.theme-btn[aria-pressed=true]:before{background:var(--gradient-light-1)}body.dark-mode .theme-btn[aria-pressed=true]{color:#03120c;box-shadow:0 12px 26px #00ff882e}body.dark-mode .theme-btn[aria-pressed=true]:before{background:var(--gradient-dark-1)}.theme-btn__emoji{position:relative;z-index:1;transition:transform .22s ease,filter .22s ease;filter:drop-shadow(0 2px 4px rgba(15,23,42,.12))}.theme-btn:hover .theme-btn__emoji{transform:translateY(-1px) scale(1.04)}.theme-btn[aria-pressed=true] .theme-btn__emoji{transform:scale(1.08)}body.dark-mode .theme-btn__emoji{filter:drop-shadow(0 2px 6px rgba(0,0,0,.28))}.divider{width:100px;height:3px;background:var(--gradient-light-1);margin:25px 0;animation:expandWidth 1s ease-out;border-radius:2px}body.dark-mode .divider{background:var(--gradient-dark-1)}.botonhero{padding:13px!important;margin-right:5px!important;margin-top:0!important;margin-bottom:0!important}body:not(.dark-mode) .botonhero span .animacionDCV1{background-color:#12d4ff;scale:1.1}body:not(.dark-mode) .botonhero span .animacionDCV2{background-color:#2e97cb}body.dark-mode .botonhero span .animacionDCV1{background-color:#71ff12;scale:1.1}body.dark-mode .botonhero span .animacionDCV2{background-color:#31b031}.btn{display:inline-block;text-decoration:none;border:1.5px solid var(--primary-light);padding:10px 30px;color:var(--primary-light);font-weight:600;transition:var(--transition);margin-top:15px;text-transform:uppercase;letter-spacing:1.5px;font-size:.9rem;background:transparent;cursor:pointer;border-radius:40px;font-family:var(--font-tech);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.dark-mode .btn{border-color:var(--primary-dark);color:var(--primary-dark)}.btn:hover{background-color:var(--primary-light);color:#fff;transform:translateY(-4px);box-shadow:var(--shadow-glow-light)}body.dark-mode .btn:hover{background-color:var(--primary-dark);color:#000;box-shadow:var(--shadow-glow-dark)}.left-column section,.right-column section{margin-bottom:50px;animation:fadeIn .8s ease-out}.left-column h3,.right-column h3{font-family:var(--font-tech);font-size:1.8rem;color:var(--text-light-primary);border-bottom:2px solid var(--primary-light);padding-bottom:8px;margin-bottom:25px;display:inline-block;position:relative}body.dark-mode .left-column h3,body.dark-mode .right-column h3{color:var(--text-dark-primary);border-bottom-color:var(--primary-dark)}.left-column h3:after,.right-column h3:after{content:"";position:absolute;bottom:-2px;left:0;width:40%;height:2px;background:var(--gradient-light-1)}body.dark-mode .left-column h3:after,body.dark-mode .right-column h3:after{background:var(--gradient-dark-1)}.profile-photo{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:8px}.profile-photo-shell{display:inline-flex;align-items:flex-start;gap:14px;max-width:100%}.profile-photo-visual{display:flex;flex-direction:column;align-items:center}.photo-audio-controls{display:flex;flex-direction:column;gap:5px;padding-top:18px;position:absolute;margin-left:-70px;scale:.8}.photo-audio-btn{max-width:63px;min-width:26px;padding:11px 12px;border-radius:18px;border:1.5px solid rgba(37,99,235,.24);background:linear-gradient(145deg,#ffffffe6,#f1f5f9d1);color:var(--text-light-primary);font-family:var(--font-code);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;display:grid;justify-items:center;gap:4px;box-shadow:0 12px 24px #0f172a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease,opacity .25s ease}.photo-audio-btn__emoji{font-size:1.15rem;line-height:1}.photo-audio-btn:hover:not(:disabled){transform:translate3d(-2px,-2px,0);border-color:var(--primary-light);box-shadow:0 16px 30px #2563eb2e}.photo-audio-btn.is-active:not(:disabled){border-color:var(--primary-light);box-shadow:var(--shadow-glow-light)}.photo-audio-btn:focus-visible{outline:none;border-color:var(--secondary-light);box-shadow:0 0 0 4px #06b6d42e}.photo-audio-btn:disabled{cursor:default;opacity:.72}body.dark-mode .photo-audio-btn{border-color:#0f83;background:linear-gradient(145deg,#0f1419eb,#0a0e1ae0);color:var(--text-dark-primary);box-shadow:0 14px 28px #00000047}body.dark-mode .photo-audio-btn:hover:not(:disabled),body.dark-mode .photo-audio-btn.is-active:not(:disabled){border-color:var(--primary-dark);box-shadow:var(--shadow-glow-dark)}body.dark-mode .photo-audio-btn:focus-visible{border-color:var(--secondary-dark);box-shadow:0 0 0 4px #00d4ff29}.profile-rain{position:relative;width:220px;height:170px;margin-top:6px;margin-bottom:-72px;overflow:hidden;pointer-events:none;z-index:0}.profile-rain__drop{position:absolute;top:0;line-height:1;color:#2685ff;opacity:.68;transform-origin:top;text-shadow:0 0 8px rgba(38,133,255,.35);animation:profileRainDrop linear forwards}.left-column .contact{position:relative;z-index:1;margin-top:-66px}body.dark-mode .profile-rain__drop{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.34)}@keyframes profileRainDrop{0%{transform:translateY(0) scaleY(0);opacity:0}12%{transform:translateY(0) scaleY(1);opacity:.68}80%{transform:translateY(145px) scaleY(1);opacity:.68}to{transform:translateY(165px) scaleY(0);opacity:0}}.photo-placeholder{--wizard-hat-body: #2563eb;--wizard-hat-highlight: #7dd3fc;--wizard-hat-brim: #1e3a8a;--wizard-hat-band: #0f172a;--wizard-hat-buckle: #fbbf24;--wizard-hat-star: #dbeafe;--wizard-hat-orb: #fde68a;--wizard-hat-shadow: rgba(15, 23, 42, .22);width:210px;height:210px;border-radius:81% 19% 86% 14%/14% 72% 28% 86%;border:2.34px solid var(--primary-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-tech);font-size:3rem;font-weight:600;color:var(--primary-light);transition:var(--transition);cursor:default;overflow:visible;position:relative;isolation:isolate;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:var(--shadow-md);background-color:#00e5ff12;filter:brightness(1.03);transition:all .5s ease}body.dark-mode .photo-placeholder{--wizard-hat-body: #16a34a;--wizard-hat-highlight: #86efac;--wizard-hat-brim: #14532d;--wizard-hat-band: #052e16;--wizard-hat-buckle: #facc15;--wizard-hat-star: #dcfce7;--wizard-hat-orb: #fef08a;--wizard-hat-shadow: rgba(0, 0, 0, .32);border-color:var(--primary-dark);color:var(--primary-dark);background-color:#00c31312}.photo-placeholder:hover{box-shadow:var(--shadow-glow-light);border-radius:74% 26% 78% 22%/21% 68% 32% 79%;filter:brightness(1.07) contrast(1.05);transform:scale(1.08) rotate(-5deg) translate(5px,1px);border-color:var(--secondary-light);transition:all .5s ease}body.dark-mode .photo-placeholder:hover{box-shadow:var(--shadow-glow-dark);border-color:var(--secondary-dark)}.photo-wizard-hat{position:absolute;top:-28%;left:14%;width:74%;height:auto;z-index:3;pointer-events:none;opacity:0;transform:translate3d(-8px,18px,0) rotate(-18deg) scale(.72);transform-origin:34% 82%;transition:opacity .35s ease,transform .55s cubic-bezier(.18,.84,.28,1.12),filter .45s ease;filter:drop-shadow(0 8px 14px rgba(15,23,42,.12))}.photo-wizard-hat__shadow{fill:var(--wizard-hat-shadow)}.photo-wizard-hat__brim{fill:var(--wizard-hat-brim)}.photo-wizard-hat__body{fill:var(--wizard-hat-body)}.photo-wizard-hat__highlight{fill:var(--wizard-hat-highlight);opacity:.82}.photo-wizard-hat__band{fill:var(--wizard-hat-band)}.photo-wizard-hat__buckle{fill:var(--wizard-hat-buckle)}.photo-wizard-hat__star{fill:var(--wizard-hat-star)}.photo-wizard-hat__orb{fill:var(--wizard-hat-orb)}.photo-placeholder:hover .photo-wizard-hat{opacity:1;transform:translateZ(0) rotate(-12deg) scale(1);filter:drop-shadow(0 14px 20px rgba(15,23,42,.18)) drop-shadow(0 0 18px rgba(125,211,252,.18))}body.dark-mode .photo-placeholder:hover .photo-wizard-hat{filter:drop-shadow(0 14px 20px rgba(0,0,0,.28)) drop-shadow(0 0 22px rgba(56,189,248,.18))}.photolaptop{padding:0;height:0;top:0;right:0;position:absolute;font-size:36px;z-index:100;margin-top:39px;margin-right:-36px;transition:text-shadow .3s ease}@media(prefers-reduced-motion:reduce){.photo-wizard-hat{transition:none}}@media(max-width:768px){.photolaptop{font-size:28px;margin-top:40px;margin-right:-20px}.profile-rain{width:165px;height:130px;margin-top:4px;margin-bottom:-54px}@keyframes profileRainDrop{0%{transform:translateY(0) scaleY(0);opacity:0}12%{transform:translateY(0) scaleY(1);opacity:.92}80%{transform:translateY(105px) scaleY(1);opacity:.9}to{transform:translateY(125px) scaleY(0);opacity:0}}}.photolaptop span{margin:0!important;padding:0!important;transition:text-shadow .3s ease}body .photolaptop span{text-shadow:0 0 5px #2563eb,0 0 10px #2563eb,0 0 20px #2563eb;transition:text-shadow .3s ease}body .photo-placeholder:hover .photolaptop span{text-shadow:0 0 5px #06b6d4,0 0 10px #06b6d4,0 0 20px #06b6d4;transition:text-shadow .3s ease}body.dark-mode .photolaptop span{text-shadow:0 0 5px #00ff88,0 0 10px #00ff88,0 0 20px #00ff88;transition:text-shadow .3s ease}body.dark-mode .photo-placeholder:hover .photolaptop span{text-shadow:0 0 5px #06b6d4,0 0 10px #06b6d4,0 0 20px #06b6d4;transition:text-shadow .3s ease}.contact p{margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:1.2rem;color:var(--text-light-secondary)}body.dark-mode .contact p{color:var(--text-dark-secondary)}.contact a{color:var(--primary-light);text-decoration:none;font-weight:500;transition:color .2s;border-bottom:1px dotted transparent}body.dark-mode .contact a{color:var(--secondary-dark)}.contact a:hover{color:var(--secondary-light);border-bottom-color:var(--secondary-light)}body.dark-mode .contact a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}.skills h4{font-family:var(--font-tech);color:var(--primary-light);margin-bottom:15px;font-size:1.4rem;font-weight:600}body.dark-mode .skills h4{color:var(--primary-dark)}.skills ul{list-style:none}.skills li{margin-bottom:10px;position:relative;padding-left:22px;transition:transform .2s,color .2s;color:var(--text-light-secondary)}body.dark-mode .skills li{color:var(--text-dark-secondary)}.skills li:hover{transform:translate(8px);color:var(--secondary-light)}body.dark-mode .skills li:hover{color:var(--secondary-dark)}.skills li:before{content:">";color:var(--primary-light);position:absolute;left:0;font-size:1.3rem;line-height:1}body.dark-mode .skills li:before{color:var(--secondary-dark)}.skills-row{display:flex;gap:30px}.skills-left{flex:1;display:flex;flex-direction:column;gap:20px}.skills-right{flex:1}.skills-page{display:grid;gap:22px}.skills-spotlight,.skills-soft-panel,.skill-card{position:relative;overflow:hidden;border:1px solid rgba(37,99,235,.18);background:#ffffffc2;box-shadow:var(--shadow-md)}.skills-spotlight,.skills-soft-panel{border-radius:24px;padding:24px}.skill-card{border-radius:22px;padding:22px}.skills-spotlight{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);gap:20px;background:radial-gradient(circle at top right,rgba(6,182,212,.18) 0%,transparent 42%),linear-gradient(145deg,#ffffffe0,#f1f5f9f5)}.skills-spotlight:after{content:"";position:absolute;width:160px;height:160px;right:-42px;bottom:-56px;border-radius:32px;border:1px solid rgba(37,99,235,.14);transform:rotate(16deg);pointer-events:none}.skills-spotlight__copy,.skills-soft-panel__header,.skill-card__header{display:grid;gap:10px}.skills-spotlight__eyebrow,.skills-soft-panel__eyebrow,.skill-card__label{font-family:var(--font-code);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--primary-light)}.skills-spotlight__description,.skills-soft-panel__header p,.soft-skill p{color:var(--text-light-secondary)}.skills-spotlight__stats{display:grid;gap:14px;align-content:start}.skills-spotlight__stat,.soft-skill{display:grid;gap:8px;padding:18px;border-radius:20px;border:1px solid rgba(37,99,235,.15);background:#ffffffd1}.skills-spotlight__stat strong{font-family:var(--font-tech);font-size:2rem;color:var(--primary-light)}.skills-spotlight__stat span,.soft-skill__index{font-family:var(--font-code);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-light-muted)}.skills-page__columns,.soft-skills-list{display:grid;gap:18px}.skills-page__columns{grid-template-columns:repeat(3,minmax(0,1fr))}.soft-skills-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skill-chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.skill-chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(37,99,235,.16);background:#2563eb14;color:var(--text-light-secondary);font-size:.96rem}.soft-skill h4,.skill-card h4{font-size:1.16rem;line-height:1.3}body.dark-mode .skills-spotlight,body.dark-mode .skills-soft-panel,body.dark-mode .skill-card{border-color:#00ff8824;background:#0f1419e6;box-shadow:var(--shadow-lg)}body.dark-mode .skills-spotlight{background:radial-gradient(circle at top right,rgba(0,212,255,.16) 0%,transparent 44%),linear-gradient(145deg,#0f1419f5,#0a0e1af5)}body.dark-mode .skills-spotlight:after{border-color:#00ff881f}body.dark-mode .skills-spotlight__eyebrow,body.dark-mode .skills-soft-panel__eyebrow,body.dark-mode .skill-card__label,body.dark-mode .skills-spotlight__stat strong{color:var(--primary-dark)}body.dark-mode .skills-spotlight__description,body.dark-mode .skills-soft-panel__header p,body.dark-mode .soft-skill p,body.dark-mode .skill-chip{color:var(--text-dark-secondary)}body.dark-mode .skills-spotlight__stat,body.dark-mode .soft-skill{border-color:#00ff881f;background:#0a0e1ab3}body.dark-mode .skills-spotlight__stat span,body.dark-mode .soft-skill__index{color:var(--text-dark-muted)}body.dark-mode .skill-chip{border-color:#00ff8829;background:#00ff8814}.projects-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 12px 20px}.project-link{position:relative;isolation:isolate;overflow:hidden;transform-origin:center;will-change:transform}.project-action__inner{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:var(--project-action-padding, 8px 16px);border-radius:inherit}.project-action__content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px}.project-action__inner:after{content:"";position:absolute;top:50%;left:-32%;width:24%;height:165%;background:linear-gradient(115deg,transparent 0%,transparent 35%,var(--project-action-sheen, rgba(255, 255, 255, .72)) 50%,transparent 65%,transparent 100%);transform:translateY(-50%) skew(-24deg);opacity:.85;transition:left .48s ease,opacity .3s ease;pointer-events:none}.project-action__stars{position:absolute;inset:0;pointer-events:none;z-index:-1}.project-action__stars i{position:absolute;width:13px;aspect-ratio:1;opacity:0;transform:rotate(-38deg) scale(.55);transition:transform .3s ease,opacity .3s ease;filter:drop-shadow(0 0 10px var(--project-action-star-glow, rgba(255, 255, 255, .35)))}.project-action__stars i:before,.project-action__stars i:after{content:"";position:absolute;left:50%;top:50%;background:var(--project-action-star, rgba(255, 255, 255, .95));border-radius:999px;transform:translate(-50%,-50%)}.project-action__stars i:before{width:2px;height:100%}.project-action__stars i:after{width:100%;height:2px}.project-action__stars i:nth-child(1){top:22%;left:10%}.project-action__stars i:nth-child(2){top:16%;right:9%;scale:.76}.project-action__stars i:nth-child(3){bottom:18%;left:16%;scale:.72}.project-action__stars i:nth-child(4){bottom:24%;right:12%}.projects-sort-btn,.projects-favorites-btn{border:1.5px solid transparent;border-radius:999px;padding:10px 16px;margin:0;font-family:var(--font-tech);font-size:.88rem;letter-spacing:.4px;cursor:pointer;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;justify-content:center;height:35px;width:auto;white-space:nowrap}.projects-sort-btn--claro{--project-action-sheen: rgba(255, 232, 171, .74);--project-action-star: rgba(255, 223, 138, .96);--project-action-star-glow: rgba(37, 99, 235, .34);background:#2563eb1a;color:#1d4ed8;border-color:#2563eb61}.projects-sort-btn--claro:hover{background:#2563eb;color:#fff;box-shadow:0 8px 18px #2563eb40}.projects-sort-btn--oscuro{--project-action-sheen: rgba(255, 224, 145, .82);--project-action-star: rgba(255, 229, 162, .98);--project-action-star-glow: rgba(0, 255, 136, .38);background:#00ff881f;color:#0f8;border-color:#0f86}.projects-sort-btn--oscuro:hover{background:#0f8;color:#03120c;box-shadow:0 8px 18px #00ff8840}.projects-sort-btn i{margin-left:8px;scale:1.1}.projects-favorites-btn{padding:5px 9px}.projects-favorites-btn.is-active{transform:translateY(-2px)}.projects-sort-btn--claro.projects-favorites-btn.is-active{background:#2563eb;color:#fff;box-shadow:0 8px 18px #2563eb4d}.projects-sort-btn--oscuro.projects-favorites-btn.is-active{background:#0f8;color:#03120c;box-shadow:0 8px 18px #00ff884d}.verFav{width:23px;height:23px;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background-color:#e7c407;margin-left:4px;flex-shrink:0}.projects-favorites-btn.is-active .verFav{background-color:#1d175a80}@media(hover:hover)and (pointer:fine){.project-link:hover{transform:translateY(-2px) rotate(-.85deg)}.project-link:hover .project-action__inner:after{left:124%}.project-link:hover .project-action__stars i{opacity:1;transform:rotate(0) scale(1)}}@media(hover:none){.project-link:active{transform:translateY(-1px) rotate(-.75deg)}.project-link:active .project-action__inner:after{left:124%}.project-link:active .project-action__stars i{opacity:1;transform:rotate(0) scale(1)}}.projects-list{display:flex;flex-direction:column}.card{border:1px solid var(--border-light);padding:25px;margin-bottom:25px;background-color:var(--bg-light-card);transition:var(--transition);border-radius:var(--border-radius);box-shadow:var(--shadow-md);position:relative;overflow:hidden}body.dark-mode .card{background-color:var(--bg-card);border-color:var(--border-dark);box-shadow:var(--shadow-lg)}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:var(--gradient-light-1);transition:height .7s ease}body.dark-mode .card:before{background:var(--gradient-dark-1)}body:not(.dark-mode) .card:before{background:linear-gradient(180deg,var(--primary-light) 0%,var(--secondary-light) 100%)}.card:hover:before{height:100%}.card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-glow-light);transform:translateY(-6px)}body.dark-mode .card:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-glow-dark)}body:not(.dark-mode) .card:hover{border-color:var(--secondary-light);box-shadow:0 10px 28px #06b6d438}.card h4{font-family:var(--font-tech);color:var(--primary-light);margin-bottom:10px;font-size:1.5rem}body.dark-mode .card h4{color:var(--primary-dark)}.card .date{font-size:.95rem;color:var(--text-light-muted);margin-bottom:15px;font-style:italic;display:inline-block;background:#2563eb14;padding:4px 12px;border-radius:30px}body.dark-mode .card .date{color:var(--text-dark-secondary);background:#00ff8826}.education-item{margin-bottom:20px;padding:15px 20px;border-left:4px solid var(--primary-light);transition:var(--transition);background:#d9fffc0a;border-radius:0 var(--border-radius) var(--border-radius) 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;perspective:1100px;perspective-origin:calc(100% - 24px) 50%;overflow:hidden}body:not(.dark-mode) .education-item{border-left-color:var(--primary-light);background:#9bc5ff29}body.dark-mode .education-item{border-left-color:var(--primary-dark);background:#00ff880d}.education-item:hover{background-color:#2563eb14;border-left-width:6px;padding-left:24px}body.dark-mode .education-item:hover{background-color:#00ff881a;border-left-width:6px;padding-left:24px}.education-copy{min-width:0}.education-icon-shell{--education-primary: var(--primary-light);--education-secondary: var(--secondary-light);--education-accent: var(--accent-light);--education-spark: #f59e0b;--education-surface: rgba(255, 255, 255, .96);--education-surface-2: rgba(218, 239, 255, .95);--education-glow: rgba(37, 99, 235, .22);--education-shell: rgba(37, 99, 235, .16);--education-outline: rgba(15, 23, 42, .28);width:clamp(92px,11vw,122px);aspect-ratio:1;position:relative;display:block;justify-self:end;flex-shrink:0;margin-top:4px;margin-right:clamp(0px,1vw,10px);isolation:isolate;pointer-events:none;will-change:transform,filter}.education-icon-shell:before{content:"";position:absolute;inset:20%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#2563eb29,#2563eb00 72%);filter:blur(10px);opacity:.68}body.dark-mode .education-icon-shell{--education-primary: var(--primary-dark);--education-secondary: var(--secondary-dark);--education-accent: #7ce8ff;--education-spark: #ffd43b;--education-surface: rgba(12, 19, 31, .96);--education-surface-2: rgba(21, 36, 52, .96);--education-glow: rgba(0, 255, 136, .18);--education-shell: rgba(0, 255, 136, .15);--education-outline: rgba(226, 232, 240, .38)}body.dark-mode .education-icon-shell:before{background:radial-gradient(circle,#00ff8824,#0f80 72%)}.education-icon{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 0 8px rgba(193,230,255,.42)) drop-shadow(0 6px 16px rgba(37,99,235,.12));transition:filter .35s ease}body.dark-mode .education-icon{filter:drop-shadow(0 0 9px rgba(0,255,136,.14)) drop-shadow(0 6px 16px rgba(0,212,255,.06))}.education-item:hover .education-icon{filter:drop-shadow(0 0 11px rgba(37,99,235,.24)) drop-shadow(0 10px 20px rgba(6,182,212,.12))}body.dark-mode .education-item:hover .education-icon{filter:drop-shadow(0 0 11px rgba(0,255,136,.2)) drop-shadow(0 10px 20px rgba(0,212,255,.1))}@media(prefers-reduced-motion:reduce){.education-icon-shell,.education-icon{transition:none!important}}.education-item h4{font-family:var(--font-tech);color:var(--primary-light);margin-bottom:8px;font-size:1.4rem}body.dark-mode .education-item h4{color:var(--primary-dark)}.education-item p{color:var(--text-light-secondary);margin:0}body.dark-mode .education-item p{color:var(--text-dark-secondary)}footer{grid-column:1 / -1;text-align:center;margin-top:60px;padding:32px 0 16px;border-top:1px solid var(--clock-border);font-size:1.1rem;color:var(--clock-muted);animation:fadeIn 1s ease-out;font-family:var(--font-tech)}.footer-copy{text-align:center;line-height:1.8}.footer-clock{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:60;width:fit-content;max-width:calc(30vw - 36px);min-width:240px;padding:16px 18px 14px;border-radius:33px;border:3px solid var(--clock-border);overflow:hidden;-webkit-backdrop-filter:blur(140px);backdrop-filter:blur(140px);--scale: .67;transform:scale(var(--scale));left:0;bottom:0;transform-origin:left bottom;margin-left:4px;margin-bottom:4vh;grid-template-columns:1fr;transition:transform .3s ease,border-radius .3s ease;background:var(--clock-shell)}.footer-clock:hover{transform:scale(calc(var(--scale) + .02));border-radius:38px}@media(max-width:600px){.footer-clock{max-width:360px;min-width:unset;padding:0;border-radius:18px;scale:.7}}.footer-clock:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 60%);pointer-events:none}.footer-clock:after{content:"";position:absolute;inset:auto auto -45px -30px;width:130px;height:130px;border-radius:50%;pointer-events:none}.footer-clock__label,.footer-clock__meta{position:relative;z-index:1}.footer-clock__label{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--clock-muted);font-family:var(--font-primary);font-size:1rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.footer-clock__label:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--clock-accent);box-shadow:0 0 18px var(--clock-glow);animation:footerClockPulse 1.8s ease-in-out infinite}.footer-clock__display{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding-right:0}.footer-clock__segment{min-width:3.1ch;padding:10px 12px;border-radius:14px;border:1px solid var(--clock-border);background:var(--clock-digit-bg);box-shadow:inset 1px 1px 0 var(--clock-highlight),inset -2px -2px 10px var(--clock-inset);color:var(--clock-accent);font-family:var(--font-tech);font-size:clamp(1.1rem,2vw,1.55rem);font-weight:700;letter-spacing:.18em;text-align:center;text-shadow:0 0 16px var(--clock-glow)}.footer-clock__separator{color:var(--clock-accent);font-family:var(--font-tech);font-size:1.6rem;font-weight:700;line-height:1;text-shadow:0 0 14px var(--clock-glow);animation:footerClockBlink 1.4s steps(1) infinite}.footer-clock__meta{display:block;margin-top:9px;color:var(--clock-text);font-family:var(--font-code);font-size:1.01rem;letter-spacing:.02em;text-transform:capitalize}@keyframes footerClockPulse{0%,to{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.06)}}@keyframes footerClockBlink{0%,49%{opacity:1}50%,to{opacity:.35}}@keyframes dropIn{0%{opacity:0;transform:translateY(-80px)}70%{opacity:1;transform:translateY(10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes expandWidth{0%{width:0}to{width:100px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.left-column section{animation:slideInLeft .7s ease-out}.right-column section{animation:slideInRight .7s ease-out}.project-links{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.project-link{--project-action-padding: 8px 16px;--project-action-sheen: rgba(255, 232, 171, .74);--project-action-star: rgba(255, 223, 138, .96);--project-action-star-glow: rgba(214, 164, 53, .34);display:inline-flex;align-items:center;justify-content:center;padding:0;background-color:transparent;border:1.5px solid var(--primary-light);color:var(--primary-light);font-family:var(--font-tech);font-size:.9rem;font-weight:600;text-decoration:none;border-radius:40px;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}body.dark-mode .project-link{--project-action-sheen: rgba(255, 224, 145, .82);--project-action-star: rgba(255, 229, 162, .98);--project-action-star-glow: rgba(255, 196, 82, .38);color:var(--primary-dark);border-color:var(--primary-dark)}.project-link .project-action__content>i{font-size:1.1rem}.project-link:hover{background-color:var(--primary-light);color:#fff;box-shadow:var(--shadow-glow-light)}body.dark-mode .project-link:hover{background-color:var(--primary-dark);color:var(--bg-dark);box-shadow:var(--shadow-glow-dark)}.video-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#0f83,#050810bf 45%,#050810e6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:videoOverlayIn .25s ease-out}body:not(.dark-mode) .video-modal{background:radial-gradient(circle at 20% 15%,#06b6d42e,#f8fafcd1 40%,#e2e8f0f2)}.video-modal__content{width:min(92vw,980px);background:#ffffffe0;border:1px solid var(--border-light);border-radius:20px;padding:18px;box-shadow:0 30px 70px #0f172a40;position:relative;animation:videoPopIn .28s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.dark-mode .video-modal__content{background:#0c121ee6;border-color:var(--border-dark);box-shadow:0 30px 80px #0000008c}.video-modal__frame{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 20px 40px #00000040}body.dark-mode .video-modal__frame{box-shadow:0 20px 50px #0009}.video-modal__frame iframe{width:100%;height:100%;border:0;display:block}.video-modal__close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-light);background:#ffffffe6;color:var(--text-light-primary);display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:var(--transition)}body.dark-mode .video-modal__close{background:#080c14e6;border-color:var(--border-dark);color:var(--text-dark-primary)}.video-modal__close:hover{transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-glow-light)}body.dark-mode .video-modal__close:hover{box-shadow:var(--shadow-glow-dark)}@keyframes videoOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes videoPopIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.video-modal{padding:12px}.video-modal__content{width:100%;padding:12px;border-radius:16px}.video-modal__close{top:8px;right:8px}.container{grid-template-columns:1fr;gap:30px;padding:110px 4% 0;overflow-x:visible}body{font-size:1rem}.hero-text h1{font-size:2.5rem}.hero-text h2{font-size:1.5rem;min-height:2.5rem}.left-column h3,.right-column h3{font-size:1.5rem}.photo-placeholder{width:160px;height:160px}.photo-wizard-hat{top:-30%;left:12%;width:78%}.profile-photo-shell{gap:10px}.photo-audio-controls{gap:2px;padding-top:14px}.photo-audio-btn{min-width:78px;padding:9px 10px;font-size:.72rem}.photo-audio-btn__emoji{font-size:1.02rem}.skills-row{flex-direction:column;gap:20px}.skills-spotlight,.skills-soft-panel,.skill-card{padding:18px}.skills-page__columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skill-card--full{grid-column:1 / -1}.soft-skills-list{grid-template-columns:1fr}.devstack-pulse{margin:0 -4%}.devstack-pulse__widget{border-radius:24px}.card{padding:20px}.card h4{font-size:1.3rem}.project-links{flex-direction:column;align-items:flex-start}.project-link{width:100%;justify-content:center}footer{font-size:1rem}.footer-clock{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));max-width:360px;scale:.8;padding-right:0}}@media(max-width:480px){.hero-text h1{font-size:2rem}.hero-text h2{font-size:1.2rem}.theme-buttons{flex-direction:row;width:auto}.theme-btn{width:50px}.photo-placeholder{width:140px;height:140px}.photo-wizard-hat{top:-32%;left:11%;width:82%}.profile-photo-shell{gap:8px}.photo-audio-btn{min-width:70px;padding:8px 9px;font-size:.68rem;letter-spacing:.08em}.photo-audio-btn__emoji{font-size:.95rem}.footer-clock{padding:3px;border-radius:20px;max-width:360px;scale:.7}.footer-clock__display{gap:6px;padding-right:0;grid-template-columns:1fr}.footer-clock__segment{padding:8px 10px;font-size:1rem}.footer-clock__separator{font-size:1.35rem}}@media(max-width:1080px)and (min-width:769px){.skills-page__columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.skills-spotlight{grid-template-columns:1fr}}.welcome-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(135deg,#f8fafcf2,#f1f5f9f7);padding:0}body.dark-mode .welcome-overlay{background:linear-gradient(135deg,#0a0e1af2,#050810f7)}.welcome-screen{display:grid;gap:14px;text-align:center;overflow:hidden}.welcome-screen svg{position:absolute;width:100%;height:100%;opacity:.2;margin-top:0;margin-left:-30px;animation:blinkOpacity 2s infinite ease-in-out;scale:.7;transform-origin:top left;rotate:-45deg}.welcome-screen svg path{fill:#127949}@keyframes blinkOpacity{0%{opacity:.2}50%{opacity:.27}76%{opacity:.32}to{opacity:.2}}.welcome-title{font-family:var(--font-tech);font-size:clamp(2rem,6vw,4rem)}.welcome-text{color:var(--text-light-secondary);font-size:1.1rem}.welcome-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;isolation:isolate;animation:welcomeOverlayIn .65s cubic-bezier(.17,.84,.44,1) both}.welcome-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,#2563eb42,#2563eb00 45%),radial-gradient(circle at 85% 20%,#06b6d433,#06b6d400 42%),linear-gradient(140deg,#f8fafcf2,#f1f5f9fa);z-index:-2}body.dark-mode .welcome-overlay:before{background:radial-gradient(circle at 18% 18%,#00ff882e,#0f80 48%),radial-gradient(circle at 85% 16%,#00d4ff38,#00d4ff00 44%),linear-gradient(145deg,#0a0e1af5,#050810fc)}.welcome-overlay:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,#000 50%,transparent 95%);mask-image:radial-gradient(circle at center,#000 50%,transparent 95%);z-index:-1;opacity:.86}body.dark-mode .welcome-overlay:after{background-image:linear-gradient(rgba(0,255,136,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.08) 1px,transparent 1px)}.welcome-overlay.is-exiting{animation:welcomeOverlayOut .65s ease forwards;pointer-events:none}.welcome-ambient{position:absolute;inset:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(2px);mix-blend-mode:screen;scale:.6}.orb-1{width:280px;height:280px;left:10%;top:12%;background:radial-gradient(circle,rgba(37,99,235,.6) 0%,rgba(37,99,235,.05) 72%,transparent 100%);animation:orbMoveA 9s ease-in-out infinite alternate}.orb-2{width:220px;height:220px;right:12%;bottom:12%;background:radial-gradient(circle,rgba(6,182,212,.55) 0%,rgba(6,182,212,.04) 75%,transparent 100%);animation:orbMoveB 8s ease-in-out infinite alternate}.orb-3{width:180px;height:180px;left:66%;bottom:56%;background:radial-gradient(circle,rgba(37,99,235,.45) 0%,rgba(37,99,235,.03) 72%,transparent 100%);animation:orbMoveC 10s ease-in-out infinite alternate}@keyframes orbMoveA{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(22px,-18px,0) scale(1.12)}}@keyframes orbMoveB{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-26px,12px,0) scale(1.08)}}@keyframes orbMoveC{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,-22px,0) scale(1.15)}}@media(max-width:700px){.welcome-screen{border-radius:22px;width:min(94vw,560px);padding:1.7rem 1.2rem 2rem}.orb-1,.orb-2,.orb-3{opacity:.72}}body.dark-mode .orb-1{background:radial-gradient(circle,rgba(0,255,136,.45) 0%,rgba(0,255,136,.02) 75%,transparent 100%)}body.dark-mode .orb-2{background:radial-gradient(circle,rgba(0,212,255,.45) 0%,rgba(0,212,255,.04) 75%,transparent 100%)}body.dark-mode .orb-3{background:radial-gradient(circle,rgba(0,255,136,.3) 0%,rgba(0,255,136,.03) 75%,transparent 100%)}.welcome-screen{position:relative;display:grid;place-items:center;gap:14px;text-align:center;padding:clamp(2rem,5vw,3.2rem);width:min(92vw,680px);border-radius:28px;border:1px solid rgba(37,99,235,.2);background:#ffffff8f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 26px 50px #0f172a29,inset 0 0 0 1px #ffffff59;margin:0 auto}@media(max-width:600px){.welcome-screen{width:100%;margin-left:auto;margin-right:auto}}body.dark-mode .welcome-screen{border-color:#00ff883d;background:#0c121e94;box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #00ff8814}.welcome-kicker{font-family:var(--font-code);font-size:.88rem;letter-spacing:.24em;text-transform:uppercase;color:var(--primary-light);opacity:0;animation:titleReveal .7s ease .12s forwards}body.dark-mode .welcome-kicker{color:var(--primary-dark)}.welcome-title{font-family:var(--font-tech);font-size:clamp(2.3rem,6.5vw,4.8rem);letter-spacing:.04em;text-shadow:0 12px 28px rgba(37,99,235,.2);opacity:0;animation:titleReveal .78s cubic-bezier(.2,.9,.22,1) .2s forwards}body.dark-mode .welcome-title{text-shadow:0 0 26px rgba(0,255,136,.36)}.welcome-text{color:var(--text-light-secondary);font-size:clamp(1.03rem,2.5vw,1.35rem);opacity:0;animation:textReveal .68s ease .44s forwards}body.dark-mode .welcome-text{color:var(--text-dark-secondary)}.welcome-cta{margin-top:12px;opacity:0;animation:ctaRise .64s ease .62s forwards,ctaPulse 2.8s ease 1.4s infinite;display:flex;justify-content:center;align-items:center}.welcome-overlay.is-exiting .welcome-screen{animation:welcomeCardOut .56s ease both}@keyframes welcomeOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes welcomeCardOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-24px) scale(.96)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes textReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaPulse{0%,to{box-shadow:0 0 #2563eb59}50%{box-shadow:0 0 0 14px #2563eb00}}body.dark-mode .welcome-cta{animation:ctaRise .64s ease .62s forwards,ctaPulseDark 2.8s ease 1.4s infinite}@keyframes ctaPulseDark{0%,to{box-shadow:0 0 #00ff8857}50%{box-shadow:0 0 0 14px #0f80}}@media(prefers-reduced-motion:reduce){.welcome-overlay,.video-modal,.video-modal__content,.welcome-screen,.welcome-kicker,.welcome-title,.welcome-text,.welcome-cta,.orb{animation:none!important;transition:none!important}}.hero-content{display:grid;gap:18px;flex:1 1 680px;width:100%;max-width:calc(100% - var(--hero-toolbar-reserved-width));min-width:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-nav-shell{position:relative;width:240px;flex:0 0 240px}.hero-nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;border:1px solid rgba(37,99,235,.2);border-radius:18px;background:linear-gradient(145deg,#fffffff2,#f1f5f9d1);color:var(--primary-light);box-shadow:0 12px 28px #2563eb1f,inset 0 1px #fffc;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-nav-toggle__content{display:inline-flex;align-items:center;gap:12px;min-width:0}.hero-nav-toggle__icon{width:2.3rem;height:2.3rem;border-radius:.95rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(37,99,235,.16);background:linear-gradient(145deg,#ffffffeb,#dbeafeb8);box-shadow:inset 0 1px #ffffffd1,0 10px 18px #2563eb24;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;flex:0 0 auto}.hero-nav-toggle__icon svg{width:1.1rem;height:1.1rem;display:block}.hero-nav-toggle:hover{transform:translateY(-1px);border-color:var(--primary-light);box-shadow:0 16px 30px #2563eb24,inset 0 1px #ffffffd6}.hero-nav-toggle:hover .hero-nav-toggle__icon{transform:translateY(-1px) scale(1.03);border-color:#2563eb47;box-shadow:inset 0 1px #ffffffdb,0 14px 24px #2563eb2e}.hero-nav-toggle:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:4px}body.dark-mode .hero-nav-toggle{border-color:#00ff8829;background:linear-gradient(145deg,#0f14191a,#0a0e1a33);color:var(--primary-dark);box-shadow:0 12px 28px #00ff881a,inset 0 1px #ffffff0d}body.dark-mode .hero-nav-toggle__icon{border-color:#00ff8829;background:linear-gradient(145deg,#0f1419e0,#0a0e1ab3);box-shadow:inset 0 1px #ffffff0f,0 10px 18px #00ff881f}body.dark-mode .hero-nav-toggle:hover{border-color:var(--primary-dark);box-shadow:0 16px 30px #00ff8824,inset 0 1px #ffffff0f}body.dark-mode .hero-nav-toggle:hover .hero-nav-toggle__icon{border-color:#00ff8847;box-shadow:inset 0 1px #ffffff14,0 14px 24px #00ff882e}.hero-nav-toggle__label{font-family:var(--font-tech);font-size:.88rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-nav-toggle__chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .2s ease}.hero-nav-toggle.is-open .hero-nav-toggle__chevron{transform:rotate(-135deg) translate(-1px)}.hero-nav-panel{position:absolute;top:calc(100% + 10px);right:0;left:auto;width:100%;padding:8px;border:1px solid rgba(37,99,235,.14);border-radius:20px;background:linear-gradient(160deg,#fffffff5,#f1f5f9e6);box-shadow:0 18px 36px #2563eb24,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transform-origin:top right;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;z-index:30}.hero-nav-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,visibility 0s linear 0s}body.dark-mode .hero-nav-panel{border-color:#00ff8824;background:linear-gradient(160deg,#0f1419f5,#0a0e1af0);box-shadow:0 18px 36px #00ff881a,inset 0 1px #ffffff0d}.hero-nav{display:grid;gap:4px}.hero-nav__link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid transparent;color:var(--text-light-secondary);text-decoration:none;border-radius:14px;background:transparent;transition:var(--transition)}.hero-nav__link:hover,.hero-nav__link.is-active{color:var(--primary-light);background:#2563eb14;border-color:#2563eb1f}body.dark-mode .hero-nav__link{color:var(--text-dark-secondary)}body.dark-mode .hero-nav__link:hover,body.dark-mode .hero-nav__link.is-active{color:var(--primary-dark);background:#00ff8814;border-color:#00ff881f}.hero-nav__link span:first-child{font-family:var(--font-code);font-size:.88rem;letter-spacing:.03em}.hero-nav__marker{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.24;transition:opacity .2s ease,transform .2s ease}.hero-nav__link:hover .hero-nav__marker,.hero-nav__link.is-active .hero-nav__marker{opacity:1;transform:scale(1.18)}@media(max-width:960px){.container{padding-top:110px}.hero-toolbar{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));max-width:none}.hero-content{max-width:100%}.hero-nav-shell{width:auto;flex:1 1 auto;min-width:0}.hero-nav-panel{width:100%}.theme-btn{width:46px;height:46px}}@media(max-width:560px){.hero-nav-panel{width:100%}}.page-stack{display:grid;gap:28px}[data-menu-section=true]{scroll-margin-top:120px}.page-intro{position:relative;overflow:hidden}body.dark-mode .page-intro:before{background:var(--gradient-dark-1)}.page-intro__eyebrow{display:inline-flex;margin-bottom:10px;font-family:var(--font-code);font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--primary-light);display:none}body.dark-mode .page-intro__eyebrow{color:var(--primary-dark)}.page-intro__title{margin-bottom:12px}.page-intro__description{max-width:60ch;color:var(--text-light-secondary)}body.dark-mode .page-intro__description{color:var(--text-dark-secondary)}.currently-page{gap:30px}.current-focus{--current-parallax-y: 0px;--current-parallax-scale: 1.08;--current-shell-border: rgba(96, 165, 250, .22);--current-shell-bg: linear-gradient(150deg, rgba(245, 250, 255, .94), rgba(227, 237, 246, .78));--current-shell-shadow: 0 28px 48px rgba(71, 85, 105, .14), inset 0 1px 0 rgba(255, 255, 255, .74);--current-tint: rgba(219, 234, 254, .36);--current-image-overlay: linear-gradient(180deg, rgba(226, 232, 240, .06) 0%, rgba(51, 65, 85, .3) 100%);--current-image-filter: saturate(.96) contrast(1.02) brightness(1.03);--current-mesh: radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .4) 0%, transparent 24%), radial-gradient(circle at 82% 18%, rgba(96, 165, 250, .22) 0%, transparent 28%), radial-gradient(circle at 72% 74%, rgba(148, 163, 184, .18) 0%, transparent 30%), linear-gradient(135deg, rgba(148, 163, 184, .08) 0%, rgba(51, 65, 85, .32) 100%);--current-grid-line-a: rgba(255, 255, 255, .28);--current-grid-line-b: rgba(96, 165, 250, .18);--current-grid-opacity: .46;--current-depth-overlay: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(148, 163, 184, .1) 34%, rgba(51, 65, 85, .56) 100%);--current-panel-border: rgba(255, 255, 255, .6);--current-panel-bg: linear-gradient(145deg, rgba(248, 252, 255, .8), rgba(226, 232, 240, .52));--current-panel-shadow: 0 22px 40px rgba(71, 85, 105, .14), inset 0 1px 0 rgba(255, 255, 255, .34);--current-card-border: rgba(148, 163, 184, .2);--current-card-bg: linear-gradient(155deg, rgba(239, 246, 255, .76), rgba(226, 232, 240, .54));--current-card-shadow: 0 20px 36px rgba(71, 85, 105, .14), inset 0 1px 0 rgba(255, 255, 255, .28);--current-badge-color: #1d4ed8;--current-badge-bg: rgba(239, 246, 255, .78);--current-badge-border: rgba(96, 165, 250, .26);--current-title-color: #1e3a8a;--current-title-shadow: 0 10px 22px rgba(148, 163, 184, .24);--current-body-color: #334155;--current-card-title-color: #1e40af;--current-card-text-color: #292f37;position:relative;min-height:auto;border-radius:32px;overflow:hidden;isolation:isolate}.current-focus:before{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:2}.current-focus__visual,.current-focus__image,.current-focus__mesh,.current-focus__grid{position:absolute;inset:0}.current-focus__image{background-image:var(--current-image-overlay),var(--current-image);background-position:center;background-repeat:no-repeat;background-size:cover;transform:translate3d(0,var(--current-parallax-y),0) scale(var(--current-parallax-scale));transform-origin:center center;filter:var(--current-image-filter);will-change:transform}.current-focus__mesh{background:var(--current-mesh)}.current-focus__grid{background-image:linear-gradient(var(--current-grid-line-a) 1px,transparent 1px),linear-gradient(90deg,var(--current-grid-line-b) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 24%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 24%,#000 100%);opacity:var(--current-grid-opacity)}.current-focus:after{content:"";position:absolute;inset:0;pointer-events:none}.current-focus__content{position:relative;z-index:1;min-height:auto;display:grid;align-content:stretch;gap:22px;padding:clamp(1.35rem,3.8vw,2.3rem);z-index:3}.current-focus__lead,.current-focus__card{position:relative;overflow:hidden;border-radius:26px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.current-focus__lead{max-width:min(100%,44rem);padding:clamp(1.2rem,2.8vw,2rem);border:1px solid var(--current-panel-border);background:var(--current-panel-bg);box-shadow:var(--current-panel-shadow)}.current-focus__label,.current-focus__card-tag{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;font-family:var(--font-code);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;background:var(--current-badge-bg);color:var(--current-badge-color);border:1px solid var(--current-badge-border)}.current-focus__lead h3{display:block;margin:.8rem 0 .95rem;padding:0;border:0;font-family:var(--font-tech);font-size:clamp(1.7rem,4.2vw,3.15rem);line-height:1.02;letter-spacing:.04em;color:var(--current-title-color);text-shadow:var(--current-title-shadow)}.current-focus__lead h3:after{content:none}.current-focus__lead p{max-width:40rem;color:var(--current-body-color);font-size:clamp(1rem,2vw,1.1rem)}.current-focus__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.current-focus__card{display:grid;gap:.9rem;padding:clamp(1.15rem,2.4vw,1.6rem);border:1px solid var(--current-card-border);background:var(--current-card-bg);box-shadow:var(--current-card-shadow)}.current-focus__card h4{font-family:var(--font-tech);font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.15;color:var(--current-card-title-color)}.current-focus__card p{color:var(--current-card-text-color);font-size:1rem}body.dark-mode .current-focus{--current-shell-border: rgba(34, 197, 94, .2);--current-shell-bg: linear-gradient(155deg, rgba(6, 23, 43, .96), rgba(8, 52, 46, .82));--current-shell-shadow: 0 30px 56px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04);--current-tint: rgba(3, 17, 31, .52);--current-image-overlay: linear-gradient(180deg, rgba(3, 17, 31, .14) 0%, rgba(5, 31, 39, .68) 100%);--current-image-filter: saturate(.88) contrast(1.08) brightness(.56);--current-mesh: radial-gradient(circle at 18% 18%, rgba(59, 130, 246, .16) 0%, transparent 24%), radial-gradient(circle at 82% 18%, rgba(34, 197, 94, .16) 0%, transparent 28%), radial-gradient(circle at 68% 76%, rgba(16, 185, 129, .12) 0%, transparent 30%), linear-gradient(135deg, rgba(4, 16, 30, .08) 0%, rgba(7, 34, 34, .62) 100%);--current-grid-line-a: rgba(147, 197, 253, .12);--current-grid-line-b: rgba(52, 211, 153, .12);--current-grid-opacity: .42;--current-depth-overlay: linear-gradient(180deg, rgba(0, 0, 0, .06) 0%, rgba(4, 26, 33, .32) 30%, rgba(3, 12, 24, .82) 100%);--current-panel-border: rgba(147, 197, 253, .16);--current-panel-bg: linear-gradient(145deg, rgba(8, 32, 57, .78), rgba(7, 49, 43, .46));--current-panel-shadow: 0 24px 46px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);--current-card-border: rgba(52, 211, 153, .12);--current-card-bg: linear-gradient(155deg, rgba(8, 30, 52, .82), rgba(8, 50, 44, .48));--current-card-shadow: 0 20px 38px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .05);--current-badge-color: #ffffff;--current-badge-bg: rgba(16, 185, 129, .14);--current-badge-border: rgba(52, 211, 153, .16);--current-title-color: #ffffff;--current-title-shadow: 0 12px 28px rgba(0, 0, 0, .3);--current-body-color: rgba(255, 255, 255, .88);--current-card-title-color: #ffffff;--current-card-text-color: rgba(255, 255, 255, .78)}@media(max-width:900px){.current-focus{min-height:auto}.current-focus__cards{grid-template-columns:1fr}}@media(max-width:700px){.current-focus{min-height:auto;border-radius:24px}.current-focus__content{min-height:auto;align-content:stretch;padding:1rem}.current-focus__lead,.current-focus__card{border-radius:22px}.current-focus__grid{background-size:30px 30px}}@media(prefers-reduced-motion:reduce){.current-focus__image{transform:none!important;transition:none!important}}.quick-links-grid,.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.route-card,.contact-card{position:relative;overflow:hidden;display:grid;gap:10px;padding:20px;border-radius:var(--border-radius);border:1px solid rgba(37,99,235,.18);background:#ffffffb3;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:var(--shadow-sm);transform-style:preserve-3d;perspective:1000px}.route-card:hover,.contact-card:hover{transform:translateY(-4px);border-color:var(--primary-light);box-shadow:var(--shadow-glow-light)}.route-card{transform:perspective(1000px) rotateX(0) rotateY(0) translateZ(0);transition:all .4s ease}.route-card:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-3deg) translateZ(15px);box-shadow:8px 12px 30px #2563eb33,0 0 0 1px #2563eb1a}body.dark-mode .route-card:hover{box-shadow:8px 12px 30px #00ff8826,0 0 0 1px #00ff881a}body .route-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(0,221,255,.15),transparent);opacity:0;transition:opacity .3s ease}body .route-card:hover:before{opacity:1}body.dark-mode .route-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s ease}body.dark-mode .route-card:hover:before{opacity:1}body.dark-mode .route-card,body.dark-mode .contact-card{background:#0f1419db;border-color:#00ff8824}.route-card__kicker,.contact-card__label{font-family:var(--font-code);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--primary-light)}body.dark-mode .route-card__kicker,body.dark-mode .contact-card__label{color:var(--primary-dark)}.route-card h4,.contact-card strong{font-size:1.2rem;line-height:1.3}.contact-card strong{word-break:break-all;font-weight:500}.route-card p,.contact-page__lead,.contact-cta p{color:var(--text-light-secondary)}body.dark-mode .route-card p,body.dark-mode .contact-page__lead,body.dark-mode .contact-cta p{color:var(--text-dark-secondary)}.contact-card i{font-size:1.4rem;color:var(--primary-light)}body.dark-mode .contact-card i{color:var(--primary-dark)}.contact-page{display:grid;gap:22px}.contact-cta{display:grid;gap:12px;justify-items:start}.comments-wrapper{width:100%}.comments{display:grid;gap:18px}.comment-form{display:grid;gap:14px}.comment-form input,.comment-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(37,99,235,.22);background:#ffffffd9;color:var(--text-light-primary);font-family:var(--font-primary);font-size:1rem;transition:var(--transition)}.comment-form .btn{max-width:303px}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 4px #2563eb1a}body.dark-mode .comment-form input,body.dark-mode .comment-form textarea{background:#0f1419eb;border-color:#00ff882e;color:var(--text-dark-primary)}body.dark-mode .comment-form input:focus,body.dark-mode .comment-form textarea:focus{border-color:var(--primary-dark);box-shadow:0 0 0 4px #00ff8814}.comment-error,.comment-success{font-family:var(--font-code);font-size:.92rem}.comment-error{color:var(--danger-light)}body.dark-mode .comment-error{color:var(--danger-dark)}.comment-success{color:var(--success-light)}body.dark-mode .comment-success{color:var(--success-dark)}.comment-item{display:grid;gap:10px;padding:18px;border-radius:18px;border:1px solid rgba(37,99,235,.18);background:#ffffffbd}body.dark-mode .comment-item{background:#0f1419e6;border-color:#00ff8824}.comment-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.comment-email,.comment-date,.no-comments{color:var(--text-light-muted);font-size:.95rem}body.dark-mode .comment-email,body.dark-mode .comment-date,body.dark-mode .no-comments{color:var(--text-dark-muted)}.not-found-panel{display:grid;gap:14px}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:960px){.hero-content{flex-basis:100%;max-width:100%}.hero-actions{width:100%}}@media(prefers-reduced-motion:reduce){.content-loader__ring,.content-loader__beam,.content-loader__core,.content-loader__core-dot,.content-loader-shell:after{animation:none!important;transition:none!important}}.content-loader-shell{position:relative;display:grid;place-items:center;gap:20px;min-height:min(58vh,520px);width:100%;padding:clamp(1.5rem,3vw,2.5rem);border-radius:28px;overflow:hidden;isolation:isolate;border:1px solid rgba(37,99,235,.16);background:radial-gradient(circle at 18% 20%,rgba(37,99,235,.18) 0%,transparent 28%),radial-gradient(circle at 82% 18%,rgba(6,182,212,.16) 0%,transparent 24%),linear-gradient(160deg,#ffffffd6,#f1f5f9b8);box-shadow:0 24px 48px #0f172a1f,inset 0 1px #ffffffb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.content-loader-shell:before,.content-loader-shell:after{content:"";position:absolute;inset:0;pointer-events:none}.content-loader-shell:before{background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,#000 40%,transparent 95%);mask-image:radial-gradient(circle at center,#000 40%,transparent 95%);opacity:.86}.content-loader-shell:after{background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.38) 50%,transparent 80%);transform:translate(-100%);animation:loaderSweep 3.4s ease-in-out infinite}body.dark-mode .content-loader-shell{border-color:#00ff8829;background:radial-gradient(circle at 16% 16%,rgba(0,255,136,.16) 0%,transparent 28%),radial-gradient(circle at 84% 18%,rgba(0,212,255,.16) 0%,transparent 24%),linear-gradient(155deg,#0c121ee0,#050810eb);box-shadow:0 28px 58px #00000052,inset 0 1px #ffffff0d}body.dark-mode .content-loader-shell:before{background-image:linear-gradient(rgba(0,255,136,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.08) 1px,transparent 1px)}.content-loader{position:relative;width:clamp(150px,18vw,200px);aspect-ratio:1;display:grid;place-items:center}.content-loader__ring,.content-loader__beam,.content-loader__core,.content-loader__core-dot{position:absolute;border-radius:50%}.content-loader__ring{border:1px solid rgba(37,99,235,.22)}.content-loader__ring--outer{inset:0;border-style:dashed;animation:loaderRotate 6s linear infinite}.content-loader__ring--middle{inset:20%;border-color:#06b6d46b;animation:loaderRotateReverse 4.8s linear infinite}.content-loader__ring--inner{inset:33%;border-width:2px;border-color:#2563eb4d;animation:loaderPulseRing 2.2s ease-in-out infinite}.content-loader__beam{inset:8%;border:0;background:conic-gradient(from 0deg,transparent 0deg 40deg,rgba(37,99,235,.92) 92deg 116deg,rgba(6,182,212,.9) 136deg 160deg,transparent 210deg 360deg);-webkit-mask:radial-gradient(circle,transparent 55%,#000 56%);mask:radial-gradient(circle,transparent 55%,#000 56%);filter:drop-shadow(0 0 14px rgba(37,99,235,.28));animation:loaderRotate 2.1s linear infinite}.content-loader__core{width:34%;aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#ffffffeb,#fff0 42%),linear-gradient(145deg,#2563ebf2,#06b6d4e6);box-shadow:0 0 0 12px #2563eb14,0 0 34px #2563eb47;animation:loaderCorePulse 1.8s ease-in-out infinite}.content-loader__core-dot{inset:28%;background:#ffffffeb;box-shadow:0 0 18px #fffc;animation:loaderBlink 1.2s ease-in-out infinite}body.dark-mode .content-loader__ring{border-color:#00ff883d}body.dark-mode .content-loader__ring--middle{border-color:#00d4ff70}body.dark-mode .content-loader__ring--inner{border-color:#00ff8857}body.dark-mode .content-loader__beam{background:conic-gradient(from 0deg,transparent 0deg 44deg,rgba(0,255,136,.94) 92deg 116deg,rgba(0,212,255,.88) 136deg 160deg,transparent 210deg 360deg);filter:drop-shadow(0 0 16px rgba(0,255,136,.24))}body.dark-mode .content-loader__core{background:radial-gradient(circle at 35% 35%,#ffffffe0,#fff0 42%),linear-gradient(145deg,#00ff88eb,#00d4ffe0);box-shadow:0 0 0 12px #00ff8814,0 0 34px #00ff8838}.content-loader__copy{display:grid;gap:8px;justify-items:center;text-align:center;max-width:34rem}.content-loader__eyebrow{font-family:var(--font-code);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--primary-light)}body.dark-mode .content-loader__eyebrow{color:var(--primary-dark)}.content-loader__title{font-family:var(--font-tech);font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:.08em;text-transform:uppercase;color:var(--text-light-primary)}body.dark-mode .content-loader__title{color:var(--text-dark-primary)}.content-loader__caption{color:var(--text-light-secondary);font-size:clamp(.96rem,1.8vw,1.08rem)}body.dark-mode .content-loader__caption{color:var(--text-dark-secondary)}@keyframes loaderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderRotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes loaderCorePulse{0%,to{transform:scale(.94)}50%{transform:scale(1.05)}}@keyframes loaderPulseRing{0%,to{transform:scale(.92);opacity:.82}50%{transform:scale(1);opacity:1}}@keyframes loaderBlink{0%,to{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1.06)}}@keyframes loaderSweep{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@media(max-width:700px){.content-loader-shell{min-height:min(50vh,420px);border-radius:22px;padding:1.5rem 1.1rem}.content-loader{width:clamp(132px,42vw,176px)}.content-loader__eyebrow{letter-spacing:.18em}}.rocket-button{position:fixed;bottom:30px;right:21px;width:60px;height:60px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;cursor:pointer;box-shadow:var(--shadow-glow);transition:var(--transition);z-index:1000;border:none;color:#fff;animation:float 3s infinite alternate;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(126,132,184,.3);scale:.92;overflow:visible}.rocket-button:hover{transform:scale(1.1) rotate(-10deg);box-shadow:var(--shadow-glow-strong);background:var(--gradient-2);transition:transform .3s ease}.rocket{scale:.87;display:flex;align-items:center;justify-content:center;background-color:transparent;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;margin:0;transform:scale(.99) rotate(0);transition:transform .3s ease;overflow:visible}.rocket-button:hover .rocket{transform:scale(1.01) rotate(-46deg);transition:transform .3s ease}@media(max-width:768px){.rocket-button{display:flex;scale:.81;right:2px}.rocket{margin-top:9px;transition:transform .3s ease}.rocket-button:hover .rocket{margin-left:8px}}.rocket-button:hover .rocket:before{content:"";position:absolute;margin-top:-8px;bottom:-4px;width:8px;height:22px;background:linear-gradient(to bottom,#c3c3c3,#e6e6e6,#e1dedc,#c0c4cf);border-radius:50%;animation:humo-cohete .9s infinite alternate;filter:blur(2px);left:-2px;z-index:4;transform:rotate(226deg);scaleY:1.08}@keyframes humo-cohete{0%{height:20px;opacity:.8}50%{height:28px;opacity:1}to{width:9px;height:24px;opacity:.87}}@theme inline{ --tw-anim-delay-none: 0ms; --tw-anim-delay-0: 0ms; --tw-anim-delay-100: .1s; --tw-anim-delay-150: .15s; --tw-anim-delay-200: .2s; --tw-anim-delay-250: .25s; --tw-anim-delay-300: .3s; --tw-anim-delay-400: .4s; --tw-anim-delay-500: .5s; --tw-anim-delay-700: .7s; --tw-anim-delay-800: .8s; --tw-anim-delay-900: .9s; --tw-anim-delay-1000: 1s; --tw-anim-duration-none: 0ms; --tw-anim-duration-slower: .5s; --tw-anim-duration-slow: .4s; --tw-anim-duration-normal: .3s; --tw-anim-duration-fast: .2s; --tw-anim-duration-faster: .1s; --tw-anim-duration-0: 0ms; --tw-anim-duration-100: .1s; --tw-anim-duration-150: .15s; --tw-anim-duration-200: .2s; --tw-anim-duration-250: .25s; --tw-anim-duration-300: .3s; --tw-anim-duration-400: .4s; --tw-anim-duration-500: .5s; --tw-anim-duration-700: .7s; --tw-anim-duration-800: .8s; --tw-anim-duration-900: .9s; --tw-anim-duration-1000: 1s; --tw-anim-iteration-count-none: 0; --tw-anim-iteration-count-once: 1; --tw-anim-iteration-count-twice: 2; --tw-anim-iteration-count-thrice: 3; --tw-anim-iteration-count-infinite: infinite; --tw-anim-fill-mode-none: none; --tw-anim-fill-mode-forwards: forwards; --tw-anim-fill-mode-backwards: backwards; --tw-anim-fill-mode-both: both; --tw-anim-steps-none: 0; --tw-anim-steps-retro: 8; --tw-anim-steps-normal: 16; --tw-anim-steps-modern: 24; --tw-anim-bezier-sine-in: cubic-bezier(.12, 0, .39, 0); --tw-anim-bezier-sine-out: cubic-bezier(.39, .575, .565, 1); --tw-anim-bezier-sine-in-out: cubic-bezier(.445, .05, .55, .95); --tw-anim-bezier-quad-in: cubic-bezier(.55, .085, .68, .53); --tw-anim-bezier-quad-out: cubic-bezier(.25, .46, .45, .94); --tw-anim-bezier-quad-in-out: cubic-bezier(.455, .03, .515, .955); --tw-anim-bezier-cubic-in: cubic-bezier(.55, .055, .675, .19); --tw-anim-bezier-cubic-out: cubic-bezier(.215, .61, .355, 1); --tw-anim-bezier-cubic-in-out: cubic-bezier(.645, .045, .355, 1); --tw-anim-bezier-quart-in: cubic-bezier(.895, .03, .685, .22); --tw-anim-bezier-quart-out: cubic-bezier(.165, .84, .44, 1); --tw-anim-bezier-quart-in-out: cubic-bezier(.77, 0, .175, 1); --tw-anim-bezier-quint-in: cubic-bezier(.755, .05, .855, .06); --tw-anim-bezier-quint-out: cubic-bezier(.23, 1, .32, 1); --tw-anim-bezier-quint-in-out: cubic-bezier(.86, 0, .07, 1); --tw-anim-bezier-expo-in: cubic-bezier(.95, .05, .795, .035); --tw-anim-bezier-expo-out: cubic-bezier(.19, 1, .22, 1); --tw-anim-bezier-expo-in-out: cubic-bezier(1, 0, 0, 1); --tw-anim-bezier-circ-in: cubic-bezier(.6, .04, .98, .335); --tw-anim-bezier-circ-out: cubic-bezier(.075, .82, .165, 1); --tw-anim-bezier-circ-in-out: cubic-bezier(.785, .135, .15, .86); --tw-anim-bezier-back-in: cubic-bezier(.6, -.28, .735, .045); --tw-anim-bezier-back-out: cubic-bezier(.175, .885, .32, 1.275); --tw-anim-bezier-back-in-out: cubic-bezier(.68, -.55, .265, 1.55); --tw-anim-range-normal: normal; --tw-anim-range-cover: cover; --tw-anim-range-contain: contain; --tw-anim-range-entry: entry; --tw-anim-range-exit: exit; --tw-anim-range-gradual: 10% 90%; --tw-anim-range-moderate: 20% 80%; --tw-anim-range-brisk: 30% 70%; --tw-anim-range-rapid: 40% 60%; --tw-timeline-none: none; --tw-timeline-auto: auto; --tw-timeline-scroll: scroll(); --tw-timeline-scroll-x: scroll(x); --tw-timeline-scroll-y: scroll(y); --tw-timeline-scroll-block: scroll(block); --tw-timeline-scroll-inline: scroll(inline); --tw-timeline-view: view(); --tw-timeline-view-x: view(x); --tw-timeline-view-y: view(y); --tw-timeline-view-block: view(block); --tw-timeline-view-inline: view(inline); --tw-scroll-timeline-axis-block: block; --tw-scroll-timeline-axis-inline: inline; --tw-scroll-timeline-axis-x: x; --tw-scroll-timeline-axis-y: y; --tw-view-timeline-axis-block: block; --tw-view-timeline-axis-inline: inline; --tw-view-timeline-axis-x: x; --tw-view-timeline-axis-y: y; --animate-blurred-fade-in: blurred-fade-in .9s ease-in-out both; --animate-fade-in: fade-in .6s ease-in both; --animate-fade-out: fade-out .6s ease-out both; --animate-slide-in-top: slide-in-top .6s ease-out both; --animate-slide-in-bottom: slide-in-bottom .6s ease-out both; --animate-slide-out-top: slide-out-top .6s ease-out both; --animate-slide-out-bottom: slide-out-bottom .6s ease-out both; --animate-zoom-in: zoom-in .6s ease-out both; --animate-zoom-out: zoom-out .6s ease-out both; --animate-rotate-90: rotate-90 1s ease-in-out both; --animate-rotate-180: rotate-180 1s ease-in-out both; --animate-rotate-360: rotate-360 1s linear both; --animate-flip-horizontal: flip-horizontal 1s ease-in-out both; --animate-flip-vertical: flip-vertical 1s ease-in-out both; --animate-bouncing: bouncing 1s ease-in-out both; --animate-swing: swing 1s ease-in-out both; --animate-wobble: wobble 1s ease-in-out both; --animate-pulsing: pulsing 1s ease-in-out both; --animate-shake: shake .5s ease-in-out both; --animate-tada: tada 1s ease-in-out both; --animate-jump: jump 1s ease-in-out both; --animate-hang: hang 1s ease-in-out both; --animate-roll-in: roll-in 1s ease-in-out both; --animate-roll-out: roll-out 1s ease-in-out both; --animate-float: float 1s ease-in-out both; --animate-sink: sink 1s ease-in-out both; --animate-flash: flash 1s ease-in-out both; --animate-jiggle: jiggle .5s ease-in-out both; --animate-rubber-band: rubber-band 1s ease-in-out both; --animate-scale: scale .6s ease-out both; --animate-slide-in-left: slide-in-left .6s ease-out both; --animate-slide-in-right: slide-in-right .6s ease-out both; --animate-slide-out-left: slide-out-left .6s ease-out both; --animate-slide-out-right: slide-out-right .6s ease-out both; --animate-spin-clockwise: spin-clockwise .6s linear both; --animate-spin-counter-clockwise: spin-counter-clockwise .6s linear both; --animate-flip-x: flip-x .6s ease-out both; --animate-flip-y: flip-y .6s ease-out both; --animate-blink: blink .5s both; --animate-pop: pop .6s ease-out both; --animate-expand-horizontally: expand-horizontally .6s ease-out both; --animate-contract-horizontally: contract-horizontally .6s ease-out both; --animate-expand-vertically: expand-vertically .6s ease-out both; --animate-contract-vertically: contract-vertically .6s ease-out both; --animate-fade-in-up: fade-in-up .6s ease-in-out both; --animate-fade-in-down: fade-in-down .6s ease-in-out both; --animate-fade-in-left: fade-in-left .6s ease-in-out both; --animate-fade-in-right: fade-in-right .6s ease-in-out both; --animate-fade-out-up: fade-out-up .6s ease-out both; --animate-fade-out-down: fade-out-down .6s ease-out both; --animate-fade-out-left: fade-out-left .6s ease-out both; --animate-fade-out-right: fade-out-right .6s ease-out both; --animate-sway: sway .6s ease-out both; --animate-flip-in-x: flip-in-x .6s ease-out both; --animate-flip-in-y: flip-in-y .6s ease-out both; --animate-flip-out-x: flip-out-x .6s ease-out both; --animate-flip-out-y: flip-out-y .6s ease-out both; --animate-rotate-in: rotate-in .6s ease-out both; --animate-rotate-out: rotate-out .6s ease-out both; --animate-slide-rotate-in: slide-rotate-in .6s ease-out both; --animate-slide-rotate-out: slide-rotate-out .6s ease-out both; --animate-heartbeat: heartbeat .6s ease-out both; --animate-horizontal-vibration: horizontal-vibration .3s linear infinite both; --animate-rotational-wave: rotational-wave 2s ease-in-out infinite both; --animate-skew: skew .5s ease-in-out both; --animate-skew-right: skew-right .5s ease-in-out both; --animate-vertical-bounce: vertical-bounce .6s ease-in-out both; --animate-horizontal-bounce: horizontal-bounce .6s ease-in-out both; --animate-tilt: tilt .6s ease-in-out both; --animate-squeeze: squeeze .6s ease-in-out both; --animate-slide-up-fade: slide-up-fade .6s ease-out both; --animate-bounce-fade-in: bounce-fade-in .6s ease-out both; --animate-swing-drop-in: swing-drop-in .6s ease-out both; --animate-pulse-fade-in: pulse-fade-in .6s ease-out both; --animate-impulse-rotation-right: impulse-rotation-right 1s ease-in-out both; --animate-impulse-rotation-left: impulse-rotation-left 1s ease-in-out both; --animate-dancing: dancing 1s ease-in-out both; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-jelly: jelly 1s ease-out forwards; @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes slide-in-top { 0% { transform: translateY(-20px); } 100% { transform: translateY(0); } } @keyframes slide-in-bottom { 0% { transform: translateY(20px); } 100% { transform: translateY(0); } } @keyframes slide-out-top { 0% { transform: translateY(0); } 100% { transform: translateY(-20px); } } @keyframes slide-out-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(20px); } } @keyframes zoom-in { 0% { opacity: 0; transform: scale(.5); } 100% { opacity: 1; transform: scale(1); } } @keyframes zoom-out { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.5); } } @keyframes rotate-90 { 0% { transform: rotate(0deg); } 100% { transform: rotate(90deg); } } @keyframes rotate-180 { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @keyframes rotate-360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes flip-horizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(180deg); } } @keyframes flip-vertical { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(180deg); } } @keyframes bouncing { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes swing { 0% { transform: rotate(0deg); } 50% { transform: rotate(15deg); } 100% { transform: rotate(0deg); } } @keyframes wobble { 0% { transform: translateX(0); } 15% { transform: translateX(-20px); } 30% { transform: translateX(20%); } 45% { transform: translateX(-15%); } 60% { transform: translateX(20px); } 75% { transform: translateX(-5%); } 100% { transform: translateX(0); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } } @keyframes pulsing { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes shake { 0% { transform: translateX(0); } 25% { transform: translateX(-10px); } 50% { transform: translateX(10px); } 75% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes tada { 0% { transform: scale(1); } 10% { transform: scale(.9) rotate(-3deg); } 20% { transform: scale(.9) rotate(-3deg); } 30% { transform: scale(1.1) rotate(3deg); } 40% { transform: scale(1.1) rotate(-3deg); } 50% { transform: scale(1.1) rotate(3deg); } 60% { transform: scale(1.1) rotate(-3deg); } 70% { transform: scale(1.1) rotate(3deg); } 80% { transform: scale(1.1) rotate(3deg); } 90% { transform: scale(1.1) rotate(3deg); } 100% { transform: scale(1) rotate(0); } } @keyframes jump { 0% { transform: translateY(0); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0); } } @keyframes hang { 0% { transform: translateY(-20px); } 50% { transform: translateY(0); } 100% { transform: translateY(-20px); } } @keyframes roll-in { 0% { transform: translateX(-20px) rotate(-120deg); } 100% { transform: translateX(0) rotate(0); } } @keyframes roll-out { 0% { transform: translateX(0) rotate(0); } 100% { transform: translateX(20px) rotate(120deg); } } @keyframes float { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes sink { 0% { transform: translateY(-10px); } 50% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes flash { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes jiggle { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } } @keyframes rubber-band { 0% { transform: scale(1); } 30% { transform: scale(1.25); } 40% { transform: scale(.75); } 50% { transform: scale(1.15); } 65% { transform: scale(.95); } 75% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes scale { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @keyframes slide-in-left { 0% { transform: translateX(-20px); } 100% { transform: translateX(0); } } @keyframes slide-in-right { 0% { transform: translateX(20px); } 100% { transform: translateX(0); } } @keyframes slide-out-left { 0% { transform: translateX(0); } 100% { transform: translateX(-20px); } } @keyframes slide-out-right { 0% { transform: translateX(0); } 100% { transform: translateX(20px); } } @keyframes spin-clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin-counter-clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes flip-x { 0% { transform: scaleX(1); } 50% { transform: scaleX(-1); } 100% { transform: scaleX(1); } } @keyframes flip-y { 0% { transform: scaleY(1); } 50% { transform: scaleY(-1); } 100% { transform: scaleY(1); } } @keyframes blink { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes pop { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes expand-horizontally { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes contract-horizontally { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } @keyframes expand-vertically { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } } @keyframes contract-vertically { 0% { transform: scaleY(1); } 100% { transform: scaleY(0); } } @keyframes fade-in-up { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fade-in-left { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fade-in-right { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fade-out-up { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } @keyframes fade-out-down { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } @keyframes fade-out-left { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } @keyframes fade-out-right { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } @keyframes sway { 0% { transform: rotate(0deg); } 50% { transform: rotate(15deg); } 100% { transform: rotate(0deg); } } @keyframes flip-in-x { 0% { opacity: 0; transform: rotateY(90deg); } 100% { opacity: 1; transform: rotateY(0deg); } } @keyframes flip-in-y { 0% { opacity: 0; transform: rotateX(90deg); } 100% { opacity: 1; transform: rotateX(0deg); } } @keyframes flip-out-x { 0% { opacity: 1; transform: rotateY(0deg); } 100% { opacity: 0; transform: rotateY(90deg); } } @keyframes flip-out-y { 0% { opacity: 1; transform: rotateX(0deg); } 100% { opacity: 0; transform: rotateX(90deg); } } @keyframes rotate-in { 0% { opacity: 0; transform: rotate(-90deg); } 100% { opacity: 1; transform: rotate(0deg); } } @keyframes rotate-out { 0% { opacity: 1; transform: rotate(0deg); } 100% { opacity: 0; transform: rotate(90deg); } } @keyframes slide-rotate-in { 0% { opacity: 0; transform: translateX(-20px) rotate(-90deg); } 100% { opacity: 1; transform: translateX(0) rotate(0deg); } } @keyframes slide-rotate-out { 0% { opacity: 1; transform: translateX(0) rotate(0deg); } 100% { opacity: 0; transform: translateX(20px) rotate(90deg); } } @keyframes heartbeat { 0% { transform: scale(1); } 25% { transform: scale(1.1); } 50% { transform: scale(1); } 75% { transform: scale(.9); } 100% { transform: scale(1); } } @keyframes blurred-fade-in { 0% { filter: blur(5px); opacity: 0; } 100% { filter: blur(0); opacity: 1; } } @keyframes horizontal-vibration { 0% { transform: translateX(0); } 25% { transform: translateX(5px); } 50% { transform: translateX(-5px); } 75% { transform: translateX(5px); } 100% { transform: translateX(0); } } @keyframes rotational-wave { 0% { transform: rotate(0deg); } 25% { transform: rotate(10deg); } 50% { transform: rotate(-10deg); } 75% { transform: rotate(10deg); } 100% { transform: rotate(0deg); } } @keyframes skew { 0% { transform: skew(0deg); } 100% { transform: skew(20deg); } } @keyframes skew-right { 0% { transform: skew(0deg); } 100% { transform: skew(-20deg); } } @keyframes vertical-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } @keyframes horizontal-bounce { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(20px); } } @keyframes tilt { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(20deg); } 100% { transform: rotateY(0deg); } } @keyframes squeeze { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(1.1, .9); } } @keyframes slide-up-fade { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes bounce-fade-in { 0% { transform: scale(.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes swing-drop-in { 0% { transform: rotate(-30deg) translateY(-50px); opacity: 0; } 100% { transform: rotate(0deg) translateY(0); opacity: 1; } } @keyframes pulse-fade-in { 0% { transform: scale(.9); opacity: 0; } 50% { transform: scale(1.05); opacity: .5; } 100% { transform: scale(1); opacity: 1; } } @keyframes impulse-rotation-right { 0% { transform: rotate(0deg); } 50% { transform: rotate(-40deg); } 100% { transform: rotate(360deg); } } @keyframes impulse-rotation-left { 0% { transform: rotate(0deg); } 50% { transform: rotate(40deg); } 100% { transform: rotate(-360deg); } } @keyframes dancing { 0% { transform: skew(0deg); } 25% { transform: skew(-40deg); } 50% { transform: skew(40deg); } 75% { transform: skew(-40deg); } 100% { transform: skew(0deg); } } @keyframes jelly { 0% { transform: scale(1, 1); } 20% { transform: scale(1.25, .75); } 40% { transform: scale(.75, 1.25); } 60% { transform: scale(1.15, .85); } 75% { transform: scale(.95, 1.05); } 85% { transform: scale(1.05, .95); } 92% { transform: scale(1, 1.02); } 100% { transform: scale(1, 1); } } }@utility animate-delay-*{animation-delay: calc(--value(integer)*1ms) ; animation-delay: --value(--tw-anim-delay-*,[duration],[*]);}@utility animate-duration-*{animation-duration: calc(--value(integer)*1ms) ; animation-duration: --value(--tw-anim-duration-*,[duration],[*]);}@utility animate-iteration-count-*{animation-iteration-count: --value(--tw-anim-iteration-count-*,number,[number],[*]);}@utility animate-fill-mode-*{animation-fill-mode: --value(--tw-anim-fill-mode-*,[*]);}@utility animate-steps-*{animation-timing-function: steps(--value(--tw-anim-steps-*,integer,[integer]));}@utility animate-ease{animation-timing-function: ease;}@utility animate-ease-in{animation-timing-function: ease-in;}@utility animate-ease-out{animation-timing-function: ease-out;}@utility animate-ease-in-out{animation-timing-function: ease-in-out;}@utility animate-linear{animation-timing-function: linear;}@utility animate-bezier-*{animation-timing-function: --value(--tw-anim-bezier-*,[*]);}@utility animate-direction-normal{animation-direction: normal;}@utility animate-direction-reverse{animation-direction: reverse;}@utility animate-direction-alternate{animation-direction: alternate;}@utility animate-direction-alternate-reverse{animation-direction: alternate-reverse;}@utility animate-play-running{animation-play-state: running;}@utility animate-play-paused{animation-play-state: paused;}@utility timeline-*{animation-timeline: --value(--tw-timeline-*,[ident],[*]) !important;}@utility scroll-timeline-axis-*{scroll-timeline-axis: --value(--tw-scroll-timeline-axis-*,[ident],[*]);}@utility view-timeline-axis-*{view-timeline-axis: --value(--tw-view-timeline-axis-*,[ident],[*]);}@utility animate-range-*{animation-range: --value(--tw-anim-range-*,[*]);}.devstack-pulse{position:relative;width:100%;max-width:740px;margin:0 auto}.devstack-pulse__widget{background:var(--surface-color, #0a0f18);border:1px solid var(--accent-border, rgba(0, 255, 136, .3));border-radius:36px;padding:28px 26px;box-shadow:0 20px 40px #0009,0 0 0 1px #00ff881a inset;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .2s}.devstack-pulse__hdr{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:14px}.devstack-pulse__hdr-left{display:flex;align-items:center;gap:16px}.devstack-pulse__token-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 0 12px #00ff884d;border:1px solid var(--accent-border, rgba(0, 255, 136, .3))}.devstack-pulse__sym{font-family:Orbitron,monospace;font-size:1.8rem;font-weight:900;letter-spacing:-.01em;line-height:1;color:var(--text-primary, #eef5ff)}.devstack-pulse__name{font-family:Share Tech Mono,monospace;font-size:.75rem;color:var(--text-secondary, #b0c4de);margin-top:4px}.devstack-pulse__hdr-right{text-align:right}.devstack-pulse__total{font-family:Orbitron,monospace;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;line-height:1;color:var(--accent-color, #00ff88)}.devstack-pulse__delta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 14px;border-radius:60px;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:700;background:var(--accent-dim, rgba(0, 255, 136, .12));color:var(--text-secondary, #b0c4de);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.devstack-pulse__chart-wrap{display:flex;flex-direction:column;gap:14px;padding:8px 0}.devstack-pulse__bar-row{display:grid;grid-template-columns:140px 1fr 50px;align-items:center;gap:16px;padding:8px 12px;border-radius:12px;background:var(--bar-row-bg, rgba(0, 0, 0, .2));transition:all .25s ease}.devstack-pulse__bar-row.hovered{background:var(--bar-row-hover, rgba(255, 255, 255, .05));transform:translate(4px)}.devstack-pulse__bar-label{display:flex;align-items:center;gap:10px}.devstack-pulse__bar-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.devstack-pulse__lang-name{font-family:"Exo 2",sans-serif;font-size:.9rem;font-weight:600;color:var(--text-primary, #eef5ff);white-space:nowrap}.devstack-pulse__bar-track{position:relative;height:28px;background:var(--bar-track-bg, rgba(255, 255, 255, .08));border-radius:14px;overflow:hidden}.devstack-pulse__bar-fill{height:100%;border-radius:14px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.devstack-pulse__bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent);border-radius:14px 14px 0 0}.devstack-pulse__bar-glow{position:absolute;top:0;width:60px;height:100%;transform:translate(-50%);pointer-events:none}.devstack-pulse__bar-value{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;text-align:right}.devstack-pulse__legend{display:flex;justify-content:center;gap:24px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.devstack-pulse__legend-item{display:flex;align-items:center;gap:8px;font-family:Share Tech Mono,monospace;font-size:.75rem;color:var(--text-muted, #6c86a3)}.devstack-pulse__legend-dot{width:10px;height:10px;border-radius:50%}.devstack-pulse__live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-color, #00ff88);box-shadow:0 0 10px var(--accent-color, #00ff88);animation:livePulse 1.6s ease-in-out infinite;margin-right:6px;vertical-align:middle}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}body.dark-mode .devstack-pulse__widget{--surface-color: #0a0f18;--accent-color: #00ff88;--accent-border: rgba(0, 255, 136, .3);--accent-dim: rgba(0, 255, 136, .12);--text-primary: #eef5ff;--text-secondary: #b0c4de;--text-muted: #6c86a3;--border-subtle: rgba(255, 255, 255, .06);--bar-row-bg: rgba(0, 0, 0, .2);--bar-row-hover: rgba(255, 255, 255, .05);--bar-track-bg: rgba(255, 255, 255, .08)}body:not(.dark-mode) .devstack-pulse__widget{--surface-color: #f8fafc;--accent-color: #2563eb;--accent-border: rgba(37, 99, 235, .25);--accent-dim: rgba(37, 99, 235, .1);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-subtle: rgba(0, 0, 0, .06);--bar-row-bg: rgba(0, 0, 0, .03);--bar-row-hover: rgba(37, 99, 235, .05);--bar-track-bg: rgba(0, 0, 0, .06);background:linear-gradient(145deg,#fffffff2,#f1f5f9e6);border-color:#2563eb40;box-shadow:0 20px 40px #0000001f,0 0 0 1px #2563eb1a inset}body:not(.dark-mode) .devstack-pulse__sym{color:#1e40af}body:not(.dark-mode) .devstack-pulse__total{color:#2563eb}body:not(.dark-mode) .devstack-pulse__token-icon{box-shadow:0 4px 12px #2563eb33;border-color:#2563eb33}body:not(.dark-mode) .devstack-pulse__live-dot{background:#2563eb;box-shadow:0 0 10px #2563eb}body:not(.dark-mode) .devstack-pulse__lang-name{color:#1e293b}body:not(.dark-mode) .devstack-pulse__bar-fill:after{background:linear-gradient(180deg,rgba(255,255,255,.4),transparent)}@media(max-width:768px){.devstack-pulse__widget{padding:18px;border-radius:24px}.devstack-pulse__total{font-size:1.7rem}.devstack-pulse__sym{font-size:1.4rem}.devstack-pulse__token-icon{width:44px;height:44px}.devstack-pulse__bar-row{grid-template-columns:110px 1fr 45px;gap:10px;padding:6px 10px}.devstack-pulse__bar-icon{width:28px;height:28px}.devstack-pulse__lang-name{font-size:.8rem}.devstack-pulse__bar-track{height:24px}.devstack-pulse__bar-value{font-size:.9rem}}@media(max-width:480px){.devstack-pulse__widget{padding:14px;border-radius:20px}.devstack-pulse__hdr{flex-direction:column;gap:12px}.devstack-pulse__hdr-left{gap:12px}.devstack-pulse__hdr-right{text-align:left}.devstack-pulse__total{font-size:1.5rem}.devstack-pulse__sym{font-size:1.2rem}.devstack-pulse__bar-row{grid-template-columns:90px 1fr 40px;gap:8px;padding:6px 8px;border-radius:10px}.devstack-pulse__bar-icon{width:24px;height:24px;border-radius:6px}.devstack-pulse__lang-name{font-size:.75rem}.devstack-pulse__bar-track{height:20px;border-radius:10px}.devstack-pulse__bar-value{font-size:.8rem}.devstack-pulse__legend{flex-direction:column;align-items:center;gap:8px}}