@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:wght@300;400;600&family=Nothing+You+Could+Do&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--font-heading: "Playfair Display", serif;--font-body: "Poppins", sans-serif;--font-handwriting: "Nothing You Could Do", cursive;--background: 217 33% 12%;--foreground: 0 0% 100%;--primary: 197 100% 47%;--primary-foreground: 0 0% 100%;--muted: 217 32% 17%;--muted-foreground: 0 0% 33%;--border: 197 100% 47%;--ring: 197 100% 47%;--radius: .5rem;--glow-default: 220 80% 70%;--glow-love: 350 100% 70%;--glow-happy: 45 100% 60%;--glow-achievements: 25 95% 65%;--glow-thoughts: 190 100% 70%;--glow-journey: 280 80% 75%;--glow-about: 130 80% 60%;--glow-login: 0 0% 85%;--glow-intro: 197 100% 60%;--glow-skills: 270 90% 70%;--glow-projects: 340 90% 65%;--glow-contact: 160 80% 55%;--page-bg: 0 0% 98%;--page-bg-alt: 0 0% 96%;--page-text: 0 0% 13%;--page-text-muted: 0 0% 33%;--page-text-subtle: 0 0% 55%}.dark-mode{--page-bg: 220 20% 14%;--page-bg-alt: 220 20% 12%;--page-text: 0 0% 95%;--page-text-muted: 0 0% 75%;--page-text-subtle: 0 0% 60%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);overflow:hidden;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.glow-journey{--glow-color: hsl(var(--glow-journey))}.glow-about{--glow-color: hsl(var(--glow-about))}.glow-login{--glow-color: hsl(var(--glow-login))}.glow-intro{--glow-color: hsl(var(--glow-intro))}.glow-skills{--glow-color: hsl(var(--glow-skills))}.glow-projects{--glow-color: hsl(var(--glow-projects))}.glow-contact{--glow-color: hsl(var(--glow-contact))}.book-wrapper{position:relative;width:min(66rem,95vw);height:min(45rem,90vh);padding:1rem;perspective:250rem;animation:show-animate 1s forwards;overflow:visible}@keyframes show-animate{0%{opacity:0;transform:rotate(-10deg) scale(.95)}to{opacity:1;transform:rotate(0) scale(1)}}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0;contain:strict}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite;will-change:opacity,transform;transform:translateZ(0)}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.constellation-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.constellation-line{stroke:hsl(var(--primary) / .15);stroke-width:.1;stroke-linecap:round;animation:constellationPulse 4s ease-in-out infinite}@keyframes constellationPulse{0%,to{stroke:hsl(var(--primary) / .1);stroke-width:.08}50%{stroke:hsl(var(--primary) / .25);stroke-width:.12}}.particles-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0;contain:strict}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,hsl(var(--primary) / .6),transparent 70%);animation:float-particle 20s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0)}.particle-1{width:6px;height:6px;top:10%;left:5%;animation-delay:0s;animation-duration:25s}.particle-2{width:4px;height:4px;top:20%;right:10%;animation-delay:-5s;animation-duration:20s;background:radial-gradient(circle,hsl(var(--glow-skills) / .6),transparent 70%)}.particle-3{width:8px;height:8px;bottom:30%;left:15%;animation-delay:-10s;animation-duration:30s;background:radial-gradient(circle,hsl(var(--glow-projects) / .5),transparent 70%)}.particle-4{width:5px;height:5px;top:60%;right:5%;animation-delay:-15s;animation-duration:22s;background:radial-gradient(circle,hsl(var(--glow-journey) / .6),transparent 70%)}.particle-5{width:3px;height:3px;bottom:15%;right:20%;animation-delay:-8s;animation-duration:18s;background:radial-gradient(circle,hsl(var(--glow-contact) / .7),transparent 70%)}.particle-6{width:7px;height:7px;top:40%;left:8%;animation-delay:-12s;animation-duration:28s;background:radial-gradient(circle,hsl(var(--glow-about) / .5),transparent 70%)}@keyframes float-particle{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(30px,-50px) scale(1.2);opacity:.6}50%{transform:translate(-20px,-100px) scale(.8);opacity:.4}75%{transform:translate(50px,-30px) scale(1.1);opacity:.7}}.floating-shape{position:absolute;pointer-events:none;opacity:.15;animation:float-shape 30s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0)}.shape-1{width:80px;height:80px;top:5%;right:8%;border:2px solid hsl(var(--primary));border-radius:20%;transform:rotate(45deg);animation-delay:0s}.shape-2{width:60px;height:60px;bottom:10%;left:5%;border:2px solid hsl(var(--glow-skills));clip-path:polygon(50% 0%,100% 100%,0% 100%);animation-delay:-10s;animation-duration:25s}.shape-3{width:40px;height:40px;top:50%;left:3%;border:2px solid hsl(var(--glow-projects));border-radius:50%;animation-delay:-15s;animation-duration:35s}.shape-4{width:50px;height:50px;bottom:25%;right:3%;border:2px solid hsl(var(--glow-journey));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation-delay:-5s;animation-duration:28s}@keyframes float-shape{0%,to{transform:rotate(0) translateY(0);opacity:.1}25%{transform:rotate(90deg) translateY(-20px);opacity:.2}50%{transform:rotate(180deg) translateY(10px);opacity:.15}75%{transform:rotate(270deg) translateY(-15px);opacity:.25}}.ambient-glow{position:fixed;top:50%;left:50%;width:120vw;height:120vh;transform:translate(-50%,-50%) translateZ(0);background:radial-gradient(ellipse at center,hsl(var(--primary) / .08) 0%,hsl(var(--glow-skills) / .05) 30%,transparent 70%);pointer-events:none;z-index:0;animation:ambient-pulse 8s ease-in-out infinite;will-change:opacity,transform;contain:strict}@keyframes ambient-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}.book-cover{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(45deg,#029bca,#006e9a);box-shadow:0 0 .8rem #0000004d;border-top-left-radius:.6rem;border-bottom-left-radius:.6rem;transform-origin:right}.book-cover-left{z-index:40}.book-cover-right{z-index:100;transition:transform 1s cubic-bezier(.645,.045,.355,1)}.book-cover-right.turn{transform:rotateY(180deg)}.book-container{position:relative;width:100%;height:100%;display:flex;perspective:250rem;z-index:50}.book-page{position:absolute;width:50%;height:100%;box-shadow:0 0 .6rem #0003;transform-style:preserve-3d}.page-left{left:0;background:linear-gradient(90deg,hsl(var(--page-bg)),hsl(var(--page-bg-alt)));border-radius:.6rem 0 0 .6rem;transition:background .3s ease;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:contents;contain:layout style paint}.page-right{right:0;transform-style:preserve-3d;transform-origin:left;will-change:transform;transform:translateZ(0);transition:transform .9s cubic-bezier(.22,1,.36,1)}.page-right.turn{transform:rotateY(-180deg) translateZ(0)}@media (prefers-reduced-motion: reduce){.book-cover-right,.page-right,.flip-card-inner,.profile-page{transition:none!important;animation:none!important}}.page-front,.page-back{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.5rem;border-radius:0 .6rem .6rem 0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.page-front{background:linear-gradient(135deg,hsl(var(--page-bg)),hsl(var(--page-bg-alt)));transform:rotateY(0) translateZ(1px);transition:background .4s ease}.page-back{background:linear-gradient(135deg,hsl(var(--page-bg-alt)),hsl(var(--page-bg)));transform:rotateY(180deg) translateZ(1px);display:flex;align-items:center;justify-content:center;transition:background .4s ease}.profile-page{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;animation:fadeIn .3s ease-out forwards;transform:translateZ(0);-webkit-transform:translateZ(0)}.profile-page.transitioning{animation:fadeOut .2s ease-in forwards}.profile-icon{font-size:4rem;margin-bottom:1rem;transition:transform .3s ease}.profile-title{font-family:var(--font-heading);font-size:2rem;color:hsl(var(--page-text));margin-bottom:.25rem;transition:color .3s ease}.profile-subtitle{color:var(--glow-color, hsl(var(--primary)));font-size:1.1rem;margin-bottom:1rem;transition:color .3s ease}.profile-text{color:hsl(var(--page-text-subtle));max-width:280px;line-height:1.6;font-family:var(--font-handwriting);font-size:1.1rem;transition:color .3s ease,opacity .3s ease}.profile-hint{margin-top:2rem;color:var(--glow-color, hsl(var(--primary)));font-weight:600;font-size:.9rem;transition:color .3s ease}.single-card-container{height:calc(100% - 4rem);display:flex;align-items:center;justify-content:center}.flip-card{width:280px;height:320px;perspective:1000px;cursor:pointer;contain:layout style}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease;will-change:transform;transform:translateZ(0)}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#191923e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;border:2px solid var(--glow-color, hsl(var(--glow-default)));backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:pulse-neon-border 3s infinite linear}.flip-card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#191923f2,#282837f2)}.flip-quote-icon{font-size:2.5rem;margin-bottom:1rem}.flip-quote{font-family:var(--font-handwriting);font-size:1.3rem;color:#fff;text-align:center;line-height:1.5;max-width:220px}.single-card-icon{font-size:4rem;margin-bottom:1rem}.single-card-title{font-family:var(--font-heading);font-size:1.5rem;color:#fff;margin-bottom:.5rem}.single-card-subtitle{color:#ffffffb3;font-size:.95rem;margin-bottom:1rem}.single-card-hint{color:var(--glow-color, hsl(var(--glow-default)));font-size:.85rem;font-weight:500}@keyframes pulse-neon-border{0%,to{box-shadow:0 0 5px #fff,0 0 10px var(--glow-color),0 0 20px var(--glow-color)}50%{box-shadow:0 0 10px #fff,0 0 25px var(--glow-color),0 0 40px var(--glow-color)}}.expanded-content{height:100%;overflow-y:auto;padding-right:.5rem}.back-btn{background:none;border:none;color:hsl(var(--primary));font-size:.9rem;cursor:pointer;margin-bottom:1rem;font-weight:500}.back-btn:hover{text-decoration:underline}.content-title{font-family:var(--font-heading);font-size:1.6rem;color:hsl(var(--page-text));margin-bottom:1rem;text-align:center}.content-body{color:hsl(var(--page-text-muted));font-size:.9rem;line-height:1.7}.content-body h2{font-family:var(--font-heading);font-size:1.1rem;margin:1rem 0 .5rem;color:var(--glow-color, hsl(var(--primary)))}.content-body p{margin-bottom:.75rem;text-align:justify}.quote-box{margin-top:1.5rem;padding:1rem;background:hsl(var(--page-bg-alt) / .5);border-left:3px solid var(--glow-color, hsl(var(--primary)));font-style:italic;color:hsl(var(--page-text-subtle));font-size:.85rem}.page-back-content{text-align:center;padding:2rem}.back-icon{font-size:3rem;display:block;margin-bottom:1rem}.back-quote{font-family:var(--font-handwriting);font-size:1.3rem;color:hsl(var(--page-text-subtle));max-width:250px}.page-number-top{position:absolute;top:.75rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#999}.page-number{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:600;color:#999}.nav-btn{position:absolute;bottom:.5rem;width:2.5rem;height:2.5rem;cursor:pointer;color:#666;display:inline-flex;justify-content:center;align-items:center;transition:.3s;background:transparent;border:none;border-radius:50%}.nav-btn:hover{color:hsl(var(--primary));background:#00abf01a}.nav-btn-next{right:.5rem}.nav-btn-prev{left:.5rem}.page-right.swiping{transition:none!important}.book-controls{position:absolute;top:-2.5rem;right:0;display:flex;align-items:center;gap:1rem;z-index:200}.progress-indicator{display:flex;align-items:center;gap:.75rem}.progress-text{font-size:.85rem;font-weight:600;color:hsl(var(--foreground));display:flex;align-items:baseline;gap:.15rem}.progress-current{font-size:1.1rem;color:hsl(var(--primary))}.progress-separator,.progress-total{color:hsl(var(--muted-foreground))}.progress-bar-container{width:80px;height:4px;background:hsl(var(--muted));border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--glow-happy)));border-radius:2px;transition:width .5s cubic-bezier(.22,1,.36,1)}.audio-toggle{width:2rem;height:2rem;border:none;background:hsl(var(--muted));color:hsl(var(--foreground));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.audio-toggle:hover{background:hsl(var(--primary));transform:scale(1.1)}.swipe-hint{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);z-index:200;animation:swipeHintFade 5s ease forwards}.swipe-hint-content{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--muted) / .9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2rem;font-size:.8rem;color:hsl(var(--foreground))}.swipe-arrow{animation:swipeArrowBounce 1.5s ease-in-out infinite}.swipe-arrow-left{animation-delay:0s}.swipe-arrow-right{animation-delay:.75s}@keyframes swipeHintFade{0%,80%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes swipeArrowBounce{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.swipe-arrow-left{animation-name:swipeArrowBounceLeft}@keyframes swipeArrowBounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.chapter-drawer-toggle{position:absolute;top:-2.5rem;left:0;width:2.5rem;height:2.5rem;border:none;background:hsl(var(--muted));color:hsl(var(--foreground));border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:200;transform:translateZ(0)}.chapter-drawer-toggle:hover{background:hsl(var(--primary));transform:scale(1.05) translateZ(0)}.chapter-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;animation:drawerFadeIn .25s ease-out forwards;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.chapter-drawer{position:fixed;top:0;left:0;width:min(300px,80vw);height:100vh;height:100dvh;background:hsl(var(--background));z-index:400;transform:translate(-100%);-webkit-transform:translateX(-100%);transition:transform .35s cubic-bezier(.22,1,.36,1),visibility 0s .35s;display:flex;flex-direction:column;box-shadow:4px 0 30px #0006;will-change:transform;visibility:hidden;pointer-events:none}.chapter-drawer.open{transform:translate(0);-webkit-transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .35s cubic-bezier(.22,1,.36,1),visibility 0s 0s}.chapter-drawer.\!open{transform:translate(0)!important;-webkit-transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;transition:transform .35s cubic-bezier(.22,1,.36,1),visibility 0s 0s!important}.chapter-drawer-handle{display:none}.chapter-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid hsl(var(--muted) / .5);flex-shrink:0}.chapter-drawer-header h3{font-family:var(--font-heading);font-size:1.25rem;color:hsl(var(--foreground));margin:0;letter-spacing:.02em}.chapter-drawer-close{width:2.25rem;height:2.25rem;border:none;background:hsl(var(--muted) / .3);color:hsl(var(--foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;flex-shrink:0}.chapter-drawer-close:hover{background:hsl(var(--muted));transform:scale(1.05)}.chapter-drawer-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem;-webkit-overflow-scrolling:touch}.chapter-drawer-item{width:100%;display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:.25rem;border-left:3px solid transparent}.chapter-drawer-item:hover{background:hsl(var(--muted) / .4);transform:translate(4px)}.chapter-drawer-item.active{background:hsl(var(--muted) / .6);border-left-color:var(--glow-color, hsl(var(--primary)))}.chapter-drawer-item.\!active{background:hsl(var(--muted) / .6)!important;border-left-color:var(--glow-color, hsl(var(--primary)))!important}.chapter-drawer-icon{font-size:1.4rem;flex-shrink:0;width:2rem;text-align:center}.chapter-drawer-info{flex:1;min-width:0;overflow:hidden}.chapter-drawer-title{display:block;font-family:var(--font-heading);font-size:1rem;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.chapter-drawer-subtitle{display:block;font-size:.75rem;color:var(--glow-color, hsl(var(--primary)));margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.chapter-drawer-number{font-size:.85rem;font-weight:600;color:hsl(var(--foreground) / .4);flex-shrink:0;width:1.5rem;text-align:right}.intro-profile{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;animation:fadeIn .3s ease-out forwards;transform:translateZ(0);-webkit-transform:translateZ(0);contain:layout style}.intro-profile.transitioning{animation:fadeOut .2s ease-in forwards}.intro-avatar{position:relative;margin-bottom:1.5rem}.avatar-circle{width:140px;height:140px;border-radius:50%;background:hsl(var(--muted));display:flex;align-items:center;justify-content:center;border:3px solid hsl(var(--primary) / .2);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -5px #00000026,0 2px 4px #0000000d}@media (min-width: 1200px){.avatar-circle{width:160px;height:160px}}@media (min-width: 1600px){.avatar-circle{width:180px;height:180px}}.avatar-glow{display:none}.intro-name{font-family:var(--font-heading);font-size:2.5rem;color:hsl(var(--page-text));margin-bottom:.25rem;transition:color .4s ease}.intro-tagline{display:flex;align-items:center;gap:.4rem;color:hsl(var(--glow-intro));font-size:1rem;font-weight:600;margin-bottom:1rem;min-height:1.5rem}.typing-text{min-width:120px;display:inline-block}.typing-cursor{animation:blink .8s step-end infinite;font-weight:300;color:hsl(var(--glow-intro))}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.intro-bio{color:hsl(var(--page-text-subtle));font-size:.85rem;max-width:340px;line-height:1.5;margin-bottom:1.5rem;transition:color .4s ease;text-align:center}.intro-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-family:var(--font-heading);font-size:1.5rem;color:hsl(var(--glow-intro));font-weight:700}.stat-label{font-size:.7rem;color:hsl(var(--page-text-subtle));text-transform:uppercase;transition:color .4s ease}.intro-nav-grid{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.intro-nav-title{font-family:var(--font-heading);font-size:1.3rem;color:hsl(var(--page-text-muted));margin-bottom:1.5rem;text-align:center;transition:color .4s ease}.nav-page-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;max-width:340px;perspective:1000px}.nav-page-card{position:relative;height:100px;perspective:600px;cursor:pointer;contain:layout style}.nav-page-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;background:linear-gradient(135deg,var(--glow-color, hsl(var(--glow-default))) 0%,transparent 50%,var(--glow-color, hsl(var(--glow-default))) 100%);opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(8px)}.nav-page-card:hover:before{opacity:.25;animation:cardGlowPulse 2s ease-in-out infinite}@keyframes cardGlowPulse{0%,to{opacity:.15;filter:blur(6px)}50%{opacity:.3;filter:blur(8px)}}.nav-page-card-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;background:linear-gradient(135deg,#191923f2,#282837e6);border:2px solid var(--glow-color, hsl(var(--glow-default)));border-radius:10px;transition:all .4s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff1a;overflow:hidden;will-change:transform;transform:translateZ(0);contain:layout style paint}.nav-page-card:hover .nav-page-card-inner{transform:rotateY(-15deg) rotateX(5deg) translateY(-8px) scale(1.05);box-shadow:0 15px 35px #0006,0 0 15px var(--glow-color, hsl(var(--glow-default)) / .25),0 0 25px var(--glow-color, hsl(var(--glow-default)) / .1),inset 0 1px #fff3;border-color:var(--glow-color, hsl(var(--glow-default)))}.nav-page-card:active .nav-page-card-inner{transform:rotateY(-20deg) rotateX(8deg) translateY(-4px) scale(1.02);transition:transform .1s ease}.nav-page-icon{font-size:1.8rem;margin-bottom:.4rem;transition:transform .3s ease}.nav-page-card:hover .nav-page-icon{transform:translateZ(20px) scale(1.1)}.nav-page-title{font-size:.75rem;color:#fff;font-weight:600;transition:color .3s ease}.nav-page-hint{font-size:.55rem;color:var(--glow-color, hsl(var(--glow-default)));margin-top:.3rem;opacity:0;transition:opacity .3s ease}.nav-page-card:hover .nav-page-hint{opacity:1}.skills-grid-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.skills-grid-title{font-family:var(--font-heading);font-size:1.3rem;color:hsl(var(--page-text-muted));margin-bottom:1rem;text-align:center;transition:color .4s ease}.projects-page{height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem;overflow-y:auto;animation:fadeIn .3s ease-out forwards;transform:translateZ(0);contain:layout style}.projects-title{font-family:var(--font-heading);font-size:1.4rem;color:hsl(var(--page-text));margin-bottom:1rem;transition:color .4s ease}.contact-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;animation:fadeIn .3s ease-out forwards;transform:translateZ(0);contain:layout style}.contact-title{font-family:var(--font-heading);font-size:1.4rem;color:hsl(var(--page-text));margin-bottom:1.5rem;transition:color .4s ease}.contact-email-box{display:flex;align-items:center;gap:.5rem;background:#191923e6;border:2px solid var(--glow-color, hsl(var(--glow-contact)));border-radius:12px;padding:.75rem 1.25rem;color:#fff;font-size:.9rem;margin-bottom:1.5rem;animation:pulse-neon-border 3s infinite linear}.contact-socials{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.social-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;border:none;border-radius:14px;padding:.85rem 1.5rem;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;min-width:140px;cursor:pointer}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.social-btn:hover:before{left:100%}.social-btn:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:17px;background:var(--btn-glow);z-index:-1;opacity:0;filter:blur(8px);transition:opacity .4s ease}.social-btn:hover:after{opacity:.6;animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.social-btn:hover{transform:translateY(-6px) scale(1.08)}.social-btn:active{transform:translateY(-2px) scale(1.02);transition:all .1s ease}.social-btn svg{transition:all .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.social-btn:hover svg{transform:scale(1.2) rotate(-5deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.social-btn span{transition:all .3s ease;letter-spacing:.5px}.social-btn:hover span{letter-spacing:1px}.social-btn:nth-child(1){background:linear-gradient(135deg,#1877f2,#0d5dc7,#0a4a9e);box-shadow:0 4px 15px #1877f266,inset 0 1px #fff3;--btn-glow: linear-gradient(135deg, #1877f2, #4a9eff)}.social-btn:nth-child(1):hover{box-shadow:0 10px 40px #1877f280,0 0 60px #1877f24d,inset 0 1px #ffffff4d}.social-btn:nth-child(2){background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 15px #e1306c66,inset 0 1px #fff3;--btn-glow: linear-gradient(135deg, #f09433, #bc1888);animation:instagramShift 3s ease-in-out infinite}@keyframes instagramShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.social-btn:nth-child(2){background-size:200% 200%}.social-btn:nth-child(2):hover{box-shadow:0 10px 40px #e1306c80,0 0 60px #bc18884d,inset 0 1px #ffffff4d;animation:instagramShift 1s ease-in-out infinite}.social-btn:nth-child(3){background:linear-gradient(135deg,#08c,#00a8e8,#00c6ff);box-shadow:0 4px 15px #08c6,inset 0 1px #fff3;--btn-glow: linear-gradient(135deg, #0088cc, #00c6ff)}.social-btn:nth-child(3):hover{box-shadow:0 10px 40px #00c6ff80,0 0 60px #00c6ff4d,inset 0 1px #ffffff4d}.social-btn:nth-child(4){background:linear-gradient(135deg,#ea4335,#d93025,#c5221f);box-shadow:0 4px 15px #ea433566,inset 0 1px #fff3;--btn-glow: linear-gradient(135deg, #ea4335, #ff6b5b)}.social-btn:nth-child(4):hover{box-shadow:0 10px 40px #ea433580,0 0 60px #ea43354d,inset 0 1px #ffffff4d}.contact-cta{color:hsl(var(--page-text-subtle));font-size:.85rem;font-style:italic;max-width:200px;transition:color .4s ease}.journey-page{height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem;overflow-y:auto;animation:fadeIn .3s ease-out forwards;transform:translateZ(0);contain:layout style}.journey-title{font-family:var(--font-heading);font-size:1.4rem;color:hsl(var(--page-text));margin-bottom:1rem;text-align:center;transition:color .4s ease}.timeline-container{position:relative;width:100%;max-width:340px;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:hsl(var(--glow-journey) / .5) transparent}.timeline-container::-webkit-scrollbar{width:4px}.timeline-container::-webkit-scrollbar-track{background:transparent}.timeline-container::-webkit-scrollbar-thumb{background:hsl(var(--glow-journey) / .5);border-radius:2px}.timeline-container .timeline-line{position:absolute;left:55px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,hsl(var(--glow-journey)),hsl(var(--glow-skills)),hsl(var(--glow-projects)),hsl(var(--glow-journey)));border-radius:2px;pointer-events:none}.timeline-item-visual{display:flex;align-items:flex-start;gap:.6rem;position:relative;padding:.4rem 0;animation:timelineEnter .4s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;will-change:transform,opacity}.timeline-item-visual:nth-child(1){animation-delay:0s}.timeline-item-visual:nth-child(2){animation-delay:.03s}.timeline-item-visual:nth-child(3){animation-delay:.06s}.timeline-item-visual:nth-child(4){animation-delay:.09s}.timeline-item-visual:nth-child(5){animation-delay:.12s}.timeline-item-visual:nth-child(6){animation-delay:.15s}.timeline-item-visual:nth-child(7){animation-delay:.18s}.timeline-item-visual:nth-child(8){animation-delay:.21s}.timeline-item-visual:nth-child(9){animation-delay:.24s}.timeline-item-visual:nth-child(10){animation-delay:.27s}.timeline-item-visual:nth-child(11){animation-delay:.3s}.timeline-item-visual:nth-child(12){animation-delay:.33s}.timeline-item-visual:nth-child(13){animation-delay:.36s}.timeline-item-visual:nth-child(14){animation-delay:.39s}.timeline-item-visual:hover{transform:translate(5px)}.timeline-item-visual:hover .timeline-dot{transform:scale(1.15)}.timeline-item-visual:hover .timeline-content{border-color:hsl(var(--glow-journey) / .5)}@keyframes timelineEnter{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.timeline-dot{width:26px;height:26px;background:linear-gradient(135deg,#191923f2,#282837e6);border:2px solid hsl(var(--glow-journey));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;transition:transform .2s ease;will-change:transform}.timeline-icon{font-size:.75rem}.timeline-content{flex:1;background:#191923cc;border:1px solid hsl(var(--glow-journey) / .3);border-radius:8px;padding:.4rem .6rem;min-width:0;transition:border-color .2s ease}.timeline-item-title{font-size:.7rem;font-weight:600;color:#fff;margin:0 0 .15rem;line-height:1.3}.timeline-item-desc{font-size:.58rem;color:hsl(var(--page-text-subtle));margin:0;line-height:1.35}.timeline-year{width:42px;font-family:var(--font-heading);font-size:.65rem;font-weight:700;color:hsl(var(--glow-journey));text-align:right;flex-shrink:0;padding:.1rem .3rem;background:hsl(var(--glow-journey) / .1);border-radius:4px}.dark-mode-toggle{width:2rem;height:2rem;border:none;background:hsl(var(--muted));color:hsl(var(--foreground));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dark-mode-toggle:hover{background:hsl(var(--primary));transform:scale(1.1)}@keyframes skillCardEnter{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skillBarFill{0%{width:0%}}@keyframes projectCardEnter{0%{opacity:0;transform:translate(-20px) rotateY(-10deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.skill-card.animate-in{opacity:0;animation:skillCardEnter .5s cubic-bezier(.22,1,.36,1) forwards}.skill-card.animate-in .skill-fill{animation:skillBarFill 1s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.3s}.project-card.animate-in{opacity:0;animation:projectCardEnter .5s cubic-bezier(.22,1,.36,1) forwards}.skills-left-default{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;animation:fadeSlideIn .5s ease-out forwards}.skills-left-default.transitioning{animation:fadeSlideOut .3s ease-in forwards}.skills-left-icon{font-size:4rem;margin-bottom:1rem}.skills-left-title{font-family:var(--font-heading);font-size:2rem;color:hsl(var(--page-text));margin-bottom:.5rem;transition:color .4s ease}.skills-left-hint{color:hsl(var(--page-text-subtle));font-size:.95rem;max-width:200px;line-height:1.5;margin-bottom:1rem;transition:color .4s ease}.skills-left-arrow{font-size:2rem;color:hsl(var(--glow-skills));animation:arrowBounce 1.5s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.skill-card.animate-in:nth-child(1){animation-delay:.1s}.skill-card.animate-in:nth-child(2){animation-delay:.15s}.skill-card.animate-in:nth-child(3){animation-delay:.2s}.skill-card.animate-in:nth-child(4){animation-delay:.25s}.skill-card.animate-in:nth-child(5){animation-delay:.3s}.skill-card.animate-in:nth-child(6){animation-delay:.35s}.project-card.animate-in:nth-child(1){animation-delay:.1s}.project-card.animate-in:nth-child(2){animation-delay:.15s}.project-card.animate-in:nth-child(3){animation-delay:.2s}.project-card.animate-in:nth-child(4){animation-delay:.25s}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.6rem;width:100%;max-width:340px;height:calc(100% - 100px);max-height:380px;margin:auto}.category-box{position:relative;cursor:pointer;perspective:600px}.category-box-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background:linear-gradient(135deg,#191923f2,#282837e6);border:2px solid var(--glow-color, hsl(var(--glow-default)));border-radius:12px;transition:all .4s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff1a}.category-box:hover .category-box-inner{transform:rotateY(-10deg) rotateX(5deg) translateY(-6px) scale(1.05);box-shadow:0 12px 30px #0006,0 0 25px var(--glow-color, hsl(var(--glow-default)) / .5),inset 0 1px #fff3;border-color:var(--glow-color, hsl(var(--glow-default)))}.category-box.selected .category-box-inner{border-width:3px;box-shadow:0 0 30px var(--glow-color, hsl(var(--glow-default)) / .6),inset 0 0 15px var(--glow-color, hsl(var(--glow-default)) / .2)}.category-box:active .category-box-inner{transform:rotateY(-15deg) rotateX(8deg) translateY(-3px) scale(1.02);transition:transform .1s ease}.category-icon{font-size:1.6rem;margin-bottom:.3rem;transition:transform .3s ease}.category-box:hover .category-icon{transform:translateZ(15px) scale(1.15)}.category-title{font-size:.6rem;color:#fff;font-weight:600;text-align:center;line-height:1.2;transition:color .3s ease}.category-hint{font-size:.5rem;color:var(--glow-color, hsl(var(--glow-default)));margin-top:.2rem;opacity:0;transition:opacity .3s ease}.category-box:hover .category-hint{opacity:1}.category-details{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.category-details.animate-in{animation:categoryDetailsEnter .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes categoryDetailsEnter{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.back-to-intro-btn{position:absolute;top:1rem;left:1rem;background:transparent;border:1px solid hsl(var(--page-text-muted));color:hsl(var(--page-text-muted));padding:.4rem .8rem;border-radius:8px;font-size:.75rem;cursor:pointer;transition:all .2s ease;opacity:0;animation:fadeSlideIn .4s ease .3s forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.back-to-intro-btn:hover{background:hsl(var(--page-text-muted) / .1);color:hsl(var(--page-text))}.category-icon-large{font-size:4rem;margin-bottom:1rem;opacity:0;animation:iconPop .5s cubic-bezier(.34,1.56,.64,1) .1s forwards;position:relative}.category-icon-large:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,var(--glow-color, hsl(var(--primary) / .3)) 0%,transparent 70%);opacity:0;animation:iconGlow .8s ease .3s forwards;pointer-events:none;z-index:-1}@keyframes iconPop{0%{opacity:0;transform:scale(0) rotate(-10deg)}60%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes iconGlow{0%{opacity:0;transform:scale(.5)}50%{opacity:.8}to{opacity:.4;transform:scale(1)}}.category-title-large{font-family:var(--font-heading);font-size:1.5rem;color:hsl(var(--page-text));margin-bottom:1.5rem;transition:color .4s ease;opacity:0;animation:titleReveal .5s ease .2s forwards}@keyframes titleReveal{0%{opacity:0;transform:translateY(15px);letter-spacing:.1em}to{opacity:1;transform:translateY(0);letter-spacing:normal}}.category-details-list{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px}.detail-item{display:flex;align-items:flex-start;gap:.5rem;text-align:left;opacity:0;animation:detailItemEnter .5s cubic-bezier(.22,1,.36,1) forwards;position:relative;padding-left:.5rem;border-left:2px solid transparent;transition:border-color .3s ease}.detail-item:hover{border-left-color:var(--glow-color, hsl(var(--primary)))}@keyframes detailItemEnter{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.detail-bullet{color:var(--glow-color, hsl(var(--primary)));font-size:1.2rem;line-height:1;animation:bulletPulse 2s ease-in-out infinite;animation-delay:inherit}@keyframes bulletPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.detail-text{color:hsl(var(--page-text-subtle));font-size:.9rem;line-height:1.4;transition:color .4s ease}.detail-item:hover .detail-text{color:hsl(var(--page-text))}.project-category-details{justify-content:flex-start;padding-top:3rem;overflow-y:auto;padding-bottom:1rem}.project-compact-card.expanded{border-color:hsl(var(--primary) / .7);box-shadow:0 15px 45px hsl(var(--primary) / .3);background:linear-gradient(135deg,hsl(var(--page-bg-alt)),hsl(var(--primary) / .08))}.project-expanded-content.show{max-height:2000px;opacity:1;padding:1rem 1.1rem 1.2rem;border-top:1px solid hsl(var(--primary) / .15)}@keyframes projectCardSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pin-esp{color:hsl(var(--primary));font-weight:700;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.7rem}.pin-arrow{color:hsl(var(--foreground) / .4)}.pin-device{color:hsl(var(--foreground) / .75);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.7rem}.error-label{font-size:.75rem;color:#e05252;font-weight:600}.error-fix{font-size:.75rem;color:#2dd248;font-weight:500}.project-category-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.2rem!important}.project-category-box{min-height:140px}.project-category-box .category-box-inner{background:linear-gradient(135deg,#f6558b26,#f6558b0d)}.project-category-box:nth-child(1) .category-box-inner{background:linear-gradient(135deg,#00b7ff26,#00b7ff0d);--glow-color: hsl(197 100% 50%)}.project-category-box:nth-child(2) .category-box-inner{background:linear-gradient(135deg,#19e6a226,#19e6a20d);--glow-color: hsl(160 80% 50%)}.project-category-box:nth-child(3) .category-box-inner{background:linear-gradient(135deg,#a655f626,#a655f60d);--glow-color: hsl(270 90% 65%)}.project-category-box:nth-child(4) .category-box-inner{background:linear-gradient(135deg,#ffcc3326,#ffcc330d);--glow-color: hsl(45 100% 60%)}.project-category-box:hover .category-box-inner{transform:translateY(-6px) scale(1.02)}.project-category-box.selected .category-box-inner{transform:scale(1.05)}.project-category-box:nth-child(1):hover .category-box-inner,.project-category-box:nth-child(1).selected .category-box-inner{box-shadow:0 8px 30px #00b7ff59}.project-category-box:nth-child(2):hover .category-box-inner,.project-category-box:nth-child(2).selected .category-box-inner{box-shadow:0 8px 30px #19e6a259}.project-category-box:nth-child(3):hover .category-box-inner,.project-category-box:nth-child(3).selected .category-box-inner{box-shadow:0 8px 30px #a655f659}.project-category-box:nth-child(4):hover .category-box-inner,.project-category-box:nth-child(4).selected .category-box-inner{box-shadow:0 8px 30px #ffcc3359}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-4{width:1rem;height:1rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-96{max-height:24rem}.max-h-\[300px\]{max-height:300px}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-5{min-width:1.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-px{--tw-translate-x: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[--color-border\]{border-color:var(--color-border)}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive) / .5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-transparent{border-color:transparent}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[--color-bg\]{background-color:var(--color-bg)}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-ring{--tw-ring-color: hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\,opa\]{transition-property:margin,opa;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.fade-in-80{--tw-enter-opacity: .8}.zoom-in-95{--tw-enter-scale: .95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #00b7ff99,0 0 16px #00b7ff66,0 0 24px #00b7ff33}50%{box-shadow:0 0 16px #33c5ffcc,0 0 32px #33c5ff99,0 0 48px #33c5ff4d}}.avatar-img-mobile{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;transition:transform .3s ease-in-out;content-visibility:auto;will-change:transform;border:3px solid hsl(var(--primary) / .3)}.avatar-img-mobile:hover,.avatar-img-mobile:active{transform:scale(1.03)}.avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;transition:transform .3s ease-in-out;border:3px solid hsl(var(--primary) / .3)}.avatar-img:hover{transform:scale(1.05)}*{-webkit-tap-highlight-color:transparent}.social-btn,.nav-page-card,.skill-card,.project-card,.flip-card-inner,.avatar-circle,.nav-btn,.timeline-item-visual,.timeline-item-mobile,.category-box-inner,.flip-card-3d{transform:translateZ(0);backface-visibility:hidden;will-change:transform}@media (max-width: 1024px){.book-wrapper{width:min(95vw,60rem);height:min(85vh,40rem)}.social-btn{padding:.7rem 1rem;min-width:120px;font-size:.8rem}.contact-socials{gap:.75rem}}@media (max-width: 900px){.book-wrapper{width:100vw;height:100vh;height:100dvh;padding:.75rem;padding-top:calc(env(safe-area-inset-top) + .75rem);padding-bottom:calc(env(safe-area-inset-bottom) + .75rem);perspective:none;overflow:hidden}.book-container{position:relative;width:100%;height:100%;perspective:none}.book-cover,.book-cover-left,.book-cover-right{display:none!important}.book-page{width:100%!important;height:100%!important}.book-container{display:block}.page-left{display:none!important}.book-page.page-right{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-style:flat;transform-origin:center;border-radius:1rem;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;will-change:transform,opacity,box-shadow}.book-page.page-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(180deg,hsl(var(--foreground) / .08) 0%,transparent 25%,transparent 75%,hsl(var(--foreground) / .06) 100%);mix-blend-mode:overlay;transition:opacity .15s ease}.book-page.page-right.swiping:before{opacity:var(--swipe-progress, 0)}.book-page.page-right.swiping{box-shadow:0 calc(-22px * var(--swipe-progress, 0)) calc(58px * var(--swipe-progress, 0)) -14px #0000008c,0 calc(-10px * var(--swipe-progress, 0)) calc(26px * var(--swipe-progress, 0)) -10px #00000047}.page-right.turn{transform:translateY(-105%);opacity:0}.page-front{height:100%;overflow:hidden;border-radius:1rem;padding:3.25rem 1rem 1rem;display:flex;flex-direction:column}.page-front>*{min-height:0}.page-front{-webkit-overflow-scrolling:touch}.page-back{display:none}.book-controls{top:calc(env(safe-area-inset-top) + .5rem);gap:.5rem}.chapter-drawer-toggle{top:calc(env(safe-area-inset-top) + .5rem);width:2.25rem;height:2.25rem}.swipe-hint{display:none}.mobile-intro-combined{display:grid;grid-template-rows:auto 1fr;gap:.9rem;height:100%;overflow:hidden;padding-bottom:.5rem}.mobile-intro-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:.25rem}.mobile-intro-header .avatar-circle{width:56px;height:56px;margin-bottom:.4rem}.mobile-intro-header .avatar-emoji{font-size:1.7rem}.mobile-intro-header .intro-name{font-size:1.45rem;margin-bottom:.2rem}.mobile-intro-header .intro-tagline{font-size:.75rem;margin-bottom:.45rem}.mobile-intro-header .intro-bio{font-size:.68rem;max-width:300px;line-height:1.35}.mobile-intro-header .intro-stats{display:flex;gap:.9rem;margin-top:.6rem}.mobile-intro-header .stat-item{display:flex;flex-direction:column;align-items:center}.mobile-intro-header .stat-value{font-size:.95rem;font-weight:700;color:hsl(var(--primary))}.mobile-intro-header .stat-label{font-size:.58rem;color:hsl(var(--page-text-muted))}.mobile-nav-section{width:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mobile-nav-section .intro-nav-title{font-size:.95rem;text-align:center;margin-bottom:.6rem}.nav-page-cards{flex:1;min-height:0;grid-template-columns:repeat(2,1fr);gap:.5rem;align-content:start;overflow:hidden}.nav-page-card{height:68px}.nav-page-icon{font-size:1.25rem}.nav-page-title{font-size:.6rem}.flip-card{width:220px;height:260px}.flip-card-front,.flip-card-back{padding:1.5rem}.single-card-icon{font-size:3rem}.single-card-title{font-size:1.2rem}.profile-title{font-size:1.6rem}.flip-quote{font-size:1.1rem}.nav-boxes{grid-template-columns:repeat(2,1fr);gap:.5rem}.nav-box{padding:.75rem .4rem}.nav-box-icon{font-size:1.2rem}.nav-box-title{font-size:.6rem}.skills-grid{gap:.5rem}.skill-card{padding:.5rem}.skill-icon{font-size:1.2rem}.skill-name{font-size:.7rem}.projects-grid{gap:.5rem}.project-card{padding:.5rem}.projects-grid .project-icon{font-size:1.2rem}.project-name{font-size:.65rem}.project-desc{font-size:.55rem}.contact-email-box{padding:.5rem .75rem;font-size:.75rem}.contact-socials{gap:.5rem}.social-btn{padding:.5rem .75rem;font-size:.7rem;min-width:100px;border-radius:10px}.social-btn svg{width:16px;height:16px}.social-btn:hover{transform:translateY(-3px) scale(1.03)}.social-btn:hover svg{transform:scale(1.1) rotate(-3deg)}.mobile-page-combined{display:flex;flex-direction:column;height:100%;overflow:hidden;gap:.75rem}.mobile-page-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background:linear-gradient(135deg,hsl(var(--page-bg-alt) / .8),transparent);border-radius:.75rem;border:1px solid var(--glow-color, hsl(var(--primary) / .2));flex-shrink:0}.mobile-page-header .profile-icon{font-size:2rem;margin-bottom:.25rem}.mobile-page-header .profile-title{font-size:1.3rem;margin-bottom:.15rem}.mobile-page-header .profile-subtitle{font-size:.7rem;opacity:.7}.mobile-page-content{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 600px){.book-wrapper{min-height:80vh;min-height:80dvh}.book-page{min-height:70vh;min-height:70dvh}.chapter-drawer{height:min(65vh,450px);border-radius:1rem 1rem 0 0}.drawer-handle-bar{width:36px;height:3px}.chapter-drawer-header{padding:.5rem 1rem .75rem;border-radius:0}.chapter-drawer-header h3{font-size:1.1rem}.chapter-drawer-item{padding:.625rem .75rem;gap:.625rem}.chapter-drawer-icon{font-size:1.1rem;width:1.5rem}.chapter-drawer-title{font-size:.85rem}.chapter-drawer-subtitle{font-size:.65rem}.chapter-drawer-number{font-size:.7rem;width:1.25rem}.intro-name{font-size:1.6rem}.intro-tagline{font-size:.85rem}.intro-bio{font-size:.75rem}.avatar-circle{width:65px;height:65px}.avatar-emoji{font-size:2rem}.contact-socials{gap:.4rem;flex-direction:column;align-items:center}.social-btn{width:100%;max-width:180px;padding:.6rem 1rem;font-size:.75rem;justify-content:center}.social-btn svg{width:18px;height:18px}.contact-title{font-size:1.2rem}.contact-email-box{font-size:.7rem;padding:.4rem .6rem}.contact-cta{font-size:.75rem}.nav-page-cards{grid-template-columns:repeat(2,1fr);gap:.4rem}.nav-page-card{height:70px}.nav-page-icon{font-size:1.2rem}.nav-page-title{font-size:.55rem}.skills-title,.projects-title,.journey-title{font-size:1.2rem}.timeline-container{padding-left:.5rem}.timeline-year{font-size:.7rem;min-width:35px}.timeline-item-title{font-size:.7rem}.timeline-item-desc{font-size:.6rem}.social-btn:after{display:none}.starfield .star{animation-duration:5s}.floating-shape{display:none}.ambient-glow{opacity:.3}}@media (hover: none) and (pointer: coarse){.social-btn:hover{transform:none}.social-btn:active{transform:scale(.95);transition:transform .1s ease}.nav-page-card:hover .nav-page-card-inner{transform:none}.nav-page-card:active .nav-page-card-inner{transform:scale(.97)}.skill-card:hover,.project-card:hover{transform:none}.skill-card:active,.project-card:active{transform:scale(.97)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.social-btn:before,.social-btn:after{display:none}.starfield,.particles-container,.floating-shape,.ambient-glow{display:none}}.mobile-scroll-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-body);transition:background .4s ease,color .4s ease}.mobile-scroll-wrapper.dark-theme{--mobile-bg: 217 33% 12%;--mobile-bg-alt: 217 33% 8%;--mobile-text: 0 0% 100%;--mobile-text-muted: 0 0% 75%;--mobile-card-bg: 217 32% 17%;background:linear-gradient(180deg,hsl(var(--mobile-bg)),hsl(var(--mobile-bg-alt)));color:hsl(var(--mobile-text))}.mobile-scroll-wrapper.light-theme{--mobile-bg: 210 20% 98%;--mobile-bg-alt: 210 15% 95%;--mobile-text: 220 15% 15%;--mobile-text-muted: 220 10% 45%;--mobile-card-bg: 0 0% 100%;background:linear-gradient(180deg,hsl(var(--mobile-bg)),hsl(var(--mobile-bg-alt)));color:hsl(var(--mobile-text))}.mobile-scroll-wrapper.light-theme .mobile-scroll-header{background:hsl(var(--mobile-bg) / .95);border-bottom-color:#d3d7de}.mobile-scroll-wrapper.light-theme .mobile-logo-text{color:#1481b8}.mobile-scroll-wrapper.light-theme .mobile-theme-toggle{background:#e7ebef;border-color:#c4c9d4;color:#ffbf00}.mobile-scroll-wrapper.light-theme .section-title-mobile,.mobile-scroll-wrapper.light-theme .intro-name-mobile{color:hsl(var(--mobile-text))}.mobile-scroll-wrapper.light-theme .intro-bio-mobile,.mobile-scroll-wrapper.light-theme .section-body-mobile{color:hsl(var(--mobile-text-muted))}.mobile-scroll-wrapper.light-theme .flip-card-front-3d{background:hsl(var(--mobile-card-bg));border-color:#d3d7de}.mobile-scroll-wrapper.light-theme .flip-card-back-3d{background:linear-gradient(145deg,hsl(var(--mobile-card-bg)),#f3f5f6)}.mobile-scroll-wrapper.light-theme .flip-card-title,.mobile-scroll-wrapper.light-theme .flip-card-title-back{color:hsl(var(--mobile-text))}.mobile-scroll-wrapper.light-theme .flip-card-list li,.mobile-scroll-wrapper.light-theme .flip-card-desc{color:hsl(var(--mobile-text-muted))}.mobile-scroll-wrapper.light-theme .mobile-bottom-nav{background:hsl(var(--mobile-bg) / .95);border-top-color:#d3d7de}.mobile-scroll-wrapper.light-theme .mobile-bottom-link{color:hsl(var(--mobile-text-muted))}.mobile-scroll-wrapper.light-theme .stat-value-mobile,.mobile-scroll-wrapper.light-theme .intro-tagline-mobile{color:#1791cf}.mobile-scroll-wrapper.light-theme .mobile-section{border-bottom-color:#e2e4e9}.flip-card-3d{--card-accent: var(--primary)}.flip-card-3d.cat-programming{--card-accent: 45 100% 50%}.flip-card-3d.cat-webdev{--card-accent: 200 100% 50%}.flip-card-3d.cat-databases{--card-accent: 140 70% 45%}.flip-card-3d.cat-cloud{--card-accent: 210 90% 60%}.flip-card-3d.cat-electronics{--card-accent: 280 80% 60%}.flip-card-3d.cat-pcb{--card-accent: 25 95% 55%}.flip-card-3d.cat-electrical{--card-accent: 50 100% 50%}.flip-card-3d.cat-cybersecurity{--card-accent: 350 80% 55%}.flip-card-3d.cat-projects{--card-accent: 160 70% 45%}.flip-card-3d.proj-ecommerce{--card-accent: 340 80% 55%}.flip-card-3d.proj-ai{--card-accent: 270 80% 60%}.flip-card-3d.proj-portfolio{--card-accent: 200 90% 55%}.flip-card-3d.proj-task{--card-accent: 140 70% 50%}.mobile-scroll-header{position:sticky;top:0;z-index:99;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;padding-top:calc(env(safe-area-inset-top) + .75rem);background:hsl(var(--background) / .95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border) / .15)}.mobile-header-left{display:flex;align-items:center;gap:.5rem}.mobile-logo-icon{font-size:1.4rem}.mobile-logo-text{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:hsl(var(--primary))}.mobile-theme-toggle{width:40px;height:40px;border-radius:50%;background:hsl(var(--muted) / .7);border:1px solid hsl(var(--border) / .3);color:hsl(var(--primary));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mobile-theme-toggle:active{transform:scale(.9);background:hsl(var(--primary) / .2)}.mobile-header-right{display:flex;align-items:center;gap:.5rem}.mobile-menu-toggle{width:40px;height:40px;border-radius:50%;background:hsl(var(--muted) / .7);border:1px solid hsl(var(--border) / .3);color:hsl(var(--primary));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mobile-menu-toggle:active{transform:scale(.9);background:hsl(var(--primary) / .2)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;animation:fadeIn .2s ease-out forwards}.mobile-menu-overlay.closing{animation:fadeOut .25s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mobile-menu-drawer{position:absolute;top:0;right:0;width:280px;max-width:85vw;height:100%;background:hsl(var(--background));border-left:1px solid hsl(var(--border) / .3);box-shadow:-5px 0 25px #0000004d;animation:slideInRight .3s cubic-bezier(.22,1,.36,1) forwards;display:flex;flex-direction:column}.mobile-menu-drawer.closing{animation:slideOutRight .25s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid hsl(var(--border) / .2)}.mobile-menu-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:hsl(var(--primary))}.mobile-menu-close{width:36px;height:36px;border-radius:50%;background:hsl(var(--muted) / .5);border:none;color:hsl(var(--foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-menu-close:active{transform:scale(.9);background:hsl(var(--destructive) / .2)}.mobile-menu-list{list-style:none;padding:.75rem 0;margin:0;flex:1;overflow-y:auto}.mobile-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:transparent;border:none;color:hsl(var(--foreground) / .7);font-size:1rem;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.mobile-menu-item:active{background:hsl(var(--primary) / .15)}.mobile-menu-item.active{color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.mobile-menu-item.active .mobile-menu-text{font-weight:600}.mobile-menu-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:hsl(var(--primary));border-radius:0 3px 3px 0}.mobile-menu-icon{font-size:1.3rem}.mobile-menu-text{font-weight:500}.mobile-scroll-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:calc(env(safe-area-inset-bottom) + 4rem)}.mobile-section{min-height:50vh;padding:2rem 1.25rem;border-bottom:1px solid hsl(var(--border) / .15);position:relative}.mobile-section:last-child{border-bottom:none}.section-title-mobile{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.mobile-section-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:1.5rem}.intro-avatar-mobile{width:120px;height:120px;background:hsl(var(--muted));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:3px solid hsl(var(--primary) / .2);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -5px #00000026,0 2px 4px #0000000d}.avatar-emoji-mobile{font-size:2.5rem}.intro-name-mobile{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:.5rem;color:hsl(var(--foreground))}.intro-tagline-mobile{display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:hsl(var(--primary));margin-bottom:1rem}.intro-bio-mobile{font-size:.85rem;line-height:1.5;color:hsl(var(--foreground) / .8);max-width:360px;margin-bottom:1.5rem;text-align:center;padding:0 1rem}.intro-stats-mobile{display:flex;gap:1.5rem}.stat-item-mobile{display:flex;flex-direction:column;align-items:center}.stat-value-mobile{font-size:1.4rem;font-weight:700;color:hsl(var(--primary))}.stat-label-mobile{font-size:.7rem;color:hsl(var(--foreground) / .6);text-transform:uppercase;letter-spacing:.05em}.mobile-section-skills{display:flex;flex-direction:column}.skills-grid-mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.flip-grid{perspective:1000px}.flip-card-3d{height:148px;cursor:pointer;perspective:1000px;border:0;padding:0;background:transparent;text-align:left;-webkit-tap-highlight-color:transparent;contain:layout style}.flip-card-3d.project-flip{height:170px}.flip-card-inner-3d{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d;will-change:transform;transform:translateZ(0)}.flip-card-3d.flipped .flip-card-inner-3d{transform:rotateY(180deg)}.flip-card-front-3d,.flip-card-back-3d{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;display:flex;flex-direction:column;padding:1rem;border:1px solid hsl(var(--card-accent) / .28);box-shadow:inset 0 0 0 1px hsl(var(--card-accent) / .14),0 10px 24px #0000002e;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;will-change:transform;transform:translateZ(0)}.flip-card-front-3d{background:linear-gradient(180deg,hsl(var(--mobile-card-bg)),hsl(var(--mobile-card-bg) / .75)),radial-gradient(circle at 20% 20%,hsl(var(--card-accent) / .22),transparent 55%);align-items:center;justify-content:center;gap:.5rem}.flip-card-3d:hover .flip-card-front-3d,.flip-card-3d:focus-visible .flip-card-front-3d,.flip-card-3d:active .flip-card-front-3d{border-color:hsl(var(--card-accent) / .55);box-shadow:inset 0 0 0 1px hsl(var(--card-accent) / .2),0 0 0 1px hsl(var(--card-accent) / .18),0 16px 28px #00000038,0 0 26px hsl(var(--card-accent) / .18);transform:translateY(-1px)}.flip-card-back-3d{background:linear-gradient(165deg,hsl(var(--mobile-card-bg)),hsl(var(--mobile-card-bg) / .78)),radial-gradient(circle at 15% 15%,hsl(var(--card-accent) / .18),transparent 60%);transform:rotateY(180deg);justify-content:flex-start;gap:.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.flip-card-back-3d::-webkit-scrollbar{width:0;height:0}.flip-card-icon{font-size:2rem;margin-bottom:.25rem;transition:filter .25s ease,transform .25s ease}.flip-card-3d:hover .flip-card-icon,.flip-card-3d:active .flip-card-icon{transform:translateY(-1px);filter:drop-shadow(0 0 10px hsl(var(--card-accent) / .6))}.flip-card-title{font-size:.9rem;font-weight:650;color:hsl(var(--mobile-text));text-align:center;line-height:1.15}.flip-card-hint{font-size:.6rem;color:hsl(var(--mobile-text-muted));margin-top:.25rem}.flip-card-back-header{display:flex;align-items:center;gap:.5rem}.flip-card-icon-small{font-size:1.1rem;filter:drop-shadow(0 0 8px hsl(var(--card-accent) / .35))}.flip-card-title-back{font-size:.8rem;font-weight:650;color:hsl(var(--card-accent));margin:0}.flip-card-list{list-style:none;padding:0;margin:0;padding-bottom:.25rem}.flip-card-list li{font-size:.7rem;color:hsl(var(--mobile-text-muted));line-height:1.55;padding-left:.85rem;position:relative}.flip-card-list li:before{content:"•";position:absolute;left:0;color:hsl(var(--card-accent) / .75)}.flip-card-desc{font-size:.7rem;color:hsl(var(--mobile-text-muted));margin:0;line-height:1.45}.flip-card-tech{font-size:.62rem;color:hsl(var(--card-accent));margin-top:auto}.skill-card-mobile{background:hsl(var(--muted) / .6);border:1px solid hsl(var(--border) / .3);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.skill-icon-mobile{font-size:1.5rem}.skill-title-mobile{font-size:.75rem;font-weight:600;color:hsl(var(--foreground))}.skill-list-mobile{list-style:none;padding:0;margin:0}.skill-list-mobile li{font-size:.65rem;color:hsl(var(--foreground) / .65);line-height:1.4}.mobile-section-projects{display:flex;flex-direction:column}.mobile-project-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem}.mobile-project-category-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;border-radius:16px;border:none;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:hsl(var(--muted) / .5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-cat-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-project-category-card:active{transform:scale(.95)}.mobile-project-category-card:active .mobile-cat-glow{opacity:1}.mobile-project-category-card.microcontroller{border:1px solid hsl(200 80% 50% / .4);box-shadow:0 4px 20px #19a1e626}.mobile-project-category-card.microcontroller .mobile-cat-glow{background:radial-gradient(circle at center,hsl(200 80% 50% / .3),transparent 70%)}.mobile-project-category-card.microcontroller .mobile-cat-icon{filter:drop-shadow(0 0 12px hsl(200 80% 50% / .8))}.mobile-project-category-card.webdesign{border:1px solid hsl(280 70% 60% / .4);box-shadow:0 4px 20px #b152e026}.mobile-project-category-card.webdesign .mobile-cat-glow{background:radial-gradient(circle at center,hsl(280 70% 60% / .3),transparent 70%)}.mobile-project-category-card.webdesign .mobile-cat-icon{filter:drop-shadow(0 0 12px hsl(280 70% 60% / .8))}.mobile-project-category-card.cybersecurity{border:1px solid hsl(140 70% 45% / .4);box-shadow:0 4px 20px #22c35826}.mobile-project-category-card.cybersecurity .mobile-cat-glow{background:radial-gradient(circle at center,hsl(140 70% 45% / .3),transparent 70%)}.mobile-project-category-card.cybersecurity .mobile-cat-icon{filter:drop-shadow(0 0 12px hsl(140 70% 45% / .8))}.mobile-project-category-card.innovations{border:1px solid hsl(45 100% 55% / .4);box-shadow:0 4px 20px #ffc61a26}.mobile-project-category-card.innovations .mobile-cat-glow{background:radial-gradient(circle at center,hsl(45 100% 55% / .3),transparent 70%)}.mobile-project-category-card.innovations .mobile-cat-icon{filter:drop-shadow(0 0 12px hsl(45 100% 55% / .8))}.mobile-cat-icon{font-size:2.5rem;transition:transform .3s ease}.mobile-project-category-card:active .mobile-cat-icon{transform:scale(1.15)}.mobile-cat-title{font-size:.85rem;font-weight:600;color:hsl(var(--foreground));text-align:center}.mobile-cat-count{font-size:.7rem;color:hsl(var(--foreground) / .6)}.mobile-fullscreen-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:hsl(var(--background));display:flex;flex-direction:column;animation:slideUpFullScreen .4s cubic-bezier(.32,.72,0,1) forwards;overflow:hidden}@keyframes slideUpFullScreen{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-panel-header{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem 1.5rem;position:relative;border-bottom:1px solid hsl(var(--border) / .2)}.mobile-panel-drag-indicator{width:40px;height:4px;background:hsl(var(--foreground) / .3);border-radius:2px;margin-bottom:1rem}.mobile-panel-close{position:absolute;right:1rem;top:1rem;background:hsl(var(--muted) / .5);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:hsl(var(--foreground));cursor:pointer;transition:all .2s ease}.mobile-panel-close:active{transform:scale(.9);background:hsl(var(--muted))}.mobile-panel-title-section{display:flex;align-items:center;gap:.75rem}.mobile-panel-title-section.microcontroller .mobile-panel-icon{filter:drop-shadow(0 0 15px hsl(200 80% 50% / .8))}.mobile-panel-title-section.webdesign .mobile-panel-icon{filter:drop-shadow(0 0 15px hsl(280 70% 60% / .8))}.mobile-panel-title-section.cybersecurity .mobile-panel-icon{filter:drop-shadow(0 0 15px hsl(140 70% 45% / .8))}.mobile-panel-title-section.innovations .mobile-panel-icon{filter:drop-shadow(0 0 15px hsl(45 100% 55% / .8))}.mobile-panel-icon{font-size:2rem}.mobile-panel-title{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin:0}.mobile-panel-subtitle{font-size:.75rem;color:hsl(var(--foreground) / .5);margin-top:.5rem}.mobile-panel-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.mobile-project-compact-card{background:linear-gradient(135deg,hsl(var(--muted) / .5),hsl(var(--muted) / .25));border-radius:16px;overflow:hidden;animation:mobileProjectCardEnter .4s cubic-bezier(.32,.72,0,1) forwards;opacity:0;transform:translateY(15px);transition:all .3s ease;margin-bottom:.5rem;border:1px solid hsl(var(--foreground) / .08)}.mobile-project-compact-card:active{transform:scale(.98)}.mobile-project-compact-card.expanded{box-shadow:0 10px 30px hsl(var(--primary) / .25);border-color:hsl(var(--primary) / .3);background:linear-gradient(135deg,hsl(var(--muted) / .6),hsl(var(--primary) / .08))}@keyframes mobileProjectCardEnter{to{opacity:1;transform:translateY(0)}}.mobile-project-compact-card.microcontroller{border-left:4px solid hsl(200 80% 50%)}.mobile-project-compact-card.webdesign{border-left:4px solid hsl(280 70% 60%)}.mobile-project-compact-card.cybersecurity{border-left:4px solid hsl(140 70% 45%)}.mobile-project-compact-card.innovations{border-left:4px solid hsl(45 100% 55%)}.mobile-project-compact-header{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;width:100%;background:linear-gradient(135deg,hsl(var(--primary) / .1),transparent);border:none;cursor:pointer;transition:all .25s ease}.mobile-project-compact-header:active{background:linear-gradient(135deg,hsl(var(--primary) / .18),hsl(var(--primary) / .08))}.mobile-project-compact-icon{font-size:1.8rem;flex-shrink:0;transition:transform .25s ease;filter:drop-shadow(0 2px 4px hsl(0 0% 0% / .15))}.mobile-project-compact-card.expanded .mobile-project-compact-icon{transform:scale(1.15)}.mobile-project-compact-name{flex:1;text-align:left;font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:hsl(var(--foreground));letter-spacing:.01em}.mobile-project-expand-arrow{font-size:.7rem;color:hsl(var(--primary));transition:transform .3s ease;opacity:.8}.mobile-project-expand-arrow.rotated{transform:rotate(180deg)}.mobile-project-expanded-content{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);background:hsl(var(--background) / .2)}.mobile-project-expanded-content.show{max-height:1500px;opacity:1;padding:1rem 1.1rem 1.2rem;border-top:1px solid hsl(var(--primary) / .12)}.mobile-project-expanded-desc{font-size:.85rem;color:hsl(var(--foreground) / .8);line-height:1.55;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid hsl(var(--primary) / .1)}.mobile-fullscreen-project-card{background:hsl(var(--muted) / .4);border-radius:16px;padding:0;display:flex;flex-direction:column;overflow:hidden}.mobile-fullscreen-project-card.microcontroller{border-left:4px solid hsl(200 80% 50%)}.mobile-fullscreen-project-card.webdesign{border-left:4px solid hsl(280 70% 60%)}.mobile-fullscreen-project-card.cybersecurity{border-left:4px solid hsl(140 70% 45%)}.mobile-fullscreen-project-card.innovations{border-left:4px solid hsl(45 100% 55%)}.mobile-fp-header{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,hsl(var(--primary) / .1),transparent);border-bottom:1px solid hsl(var(--primary) / .15)}.mobile-fp-icon{font-size:2rem;line-height:1;flex-shrink:0}.mobile-fp-title-wrap{flex:1;min-width:0}.mobile-fp-name{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem;line-height:1.2}.mobile-fp-desc{font-size:.8rem;color:hsl(var(--foreground) / .7);margin:0;line-height:1.3}.mobile-fp-body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.mobile-fp-section{padding:.75rem;background:linear-gradient(135deg,hsl(var(--muted) / .4),hsl(var(--muted) / .2));border-radius:12px;border:1px solid hsl(var(--primary) / .1);margin-bottom:.5rem}.mobile-fp-section-title{font-size:.75rem;font-weight:700;color:hsl(var(--primary));margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:.4rem}.mobile-fp-section-text{font-size:.85rem;color:hsl(var(--foreground) / .85);margin:0;line-height:1.6}.mobile-fp-pins{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.78rem;color:hsl(var(--primary));background:hsl(var(--background) / .6);padding:.6rem;border-radius:8px;border:1px solid hsl(var(--primary) / .12)}.mobile-fp-errors{display:flex;flex-direction:column;gap:.45rem}.mobile-fp-error-item{font-size:.78rem;color:hsl(var(--foreground) / .8);margin:0;padding:.5rem .65rem;background:#bf404014;border-radius:8px;border-left:3px solid hsl(0 70% 55%);line-height:1.5}.mobile-fp-pros{display:flex;flex-wrap:wrap;gap:.45rem}.mobile-fp-pro-tag{font-size:.73rem;padding:.35rem .7rem;background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--primary) / .1));color:hsl(var(--primary));border-radius:16px;font-weight:600;border:1px solid hsl(var(--primary) / .12)}.mobile-fp-footer{padding:1rem;background:linear-gradient(135deg,hsl(var(--muted) / .3),transparent);border-top:1px solid hsl(var(--primary) / .12);display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem;border-radius:0 0 14px 14px}.mobile-fp-tech-wrap{display:flex;flex-wrap:wrap;gap:.45rem}.mobile-fp-tech-tag{font-size:.68rem;background:hsl(var(--background) / .5);color:hsl(var(--foreground) / .75);padding:.3rem .55rem;border-radius:6px;font-weight:500;border:1px solid hsl(var(--primary) / .18)}.mobile-get-project-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.5rem;font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#e2368c,#b34ce6);border-radius:26px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);align-self:center;box-shadow:0 5px 18px #dd3c8c59;margin-top:.5rem}.mobile-get-project-btn:hover,.mobile-get-project-btn:active{background:linear-gradient(135deg,#ef3994,#bb50f1);transform:scale(1.04);box-shadow:0 8px 25px #dd3c8c73}.mobile-section-journey{display:flex;flex-direction:column}.timeline-mobile{display:flex;flex-direction:column;gap:1rem;position:relative;padding-left:2rem}.timeline-mobile .timeline-line-mobile{position:absolute;left:.6rem;top:.5rem;bottom:.5rem;width:3px;background:linear-gradient(180deg,hsl(var(--glow-journey)),hsl(var(--glow-skills)),hsl(var(--glow-projects)),hsl(var(--glow-journey)));border-radius:2px;pointer-events:none}.timeline-item-mobile{display:flex;gap:.75rem;align-items:flex-start;position:relative;animation:mobileTimelineEnter .35s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;will-change:transform,opacity}.timeline-item-mobile:nth-child(1){animation-delay:0s}.timeline-item-mobile:nth-child(2){animation-delay:25ms}.timeline-item-mobile:nth-child(3){animation-delay:.05s}.timeline-item-mobile:nth-child(4){animation-delay:75ms}.timeline-item-mobile:nth-child(5){animation-delay:.1s}.timeline-item-mobile:nth-child(6){animation-delay:.125s}.timeline-item-mobile:nth-child(7){animation-delay:.15s}.timeline-item-mobile:nth-child(8){animation-delay:.175s}.timeline-item-mobile:nth-child(9){animation-delay:.2s}.timeline-item-mobile:nth-child(10){animation-delay:.225s}.timeline-item-mobile:nth-child(11){animation-delay:.25s}.timeline-item-mobile:nth-child(12){animation-delay:.275s}.timeline-item-mobile:nth-child(13){animation-delay:.3s}.timeline-item-mobile:nth-child(14){animation-delay:.325s}@keyframes mobileTimelineEnter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.timeline-year-mobile{font-size:.65rem;font-weight:700;color:hsl(var(--glow-journey));min-width:48px;padding:.15rem .4rem;background:hsl(var(--glow-journey) / .15);border-radius:4px;text-align:center}.timeline-dot-mobile{position:absolute;left:-2rem;width:26px;height:26px;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--muted)));border:2px solid hsl(var(--glow-journey));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.timeline-content-mobile{flex:1;background:hsl(var(--muted) / .4);padding:.75rem;border-radius:10px;border:1px solid hsl(var(--glow-journey) / .2);transition:transform .15s ease}.timeline-content-mobile:active{transform:scale(.98)}.timeline-content-mobile h3{font-size:.8rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .35rem;line-height:1.3}.timeline-content-mobile p{font-size:.68rem;color:hsl(var(--foreground) / .7);margin:0;line-height:1.45}.mobile-section-contact{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-email-mobile{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:hsl(var(--primary));margin-bottom:1.25rem}.contact-socials-mobile{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.25rem}.social-btn-mobile{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:hsl(var(--muted) / .7);border:1px solid hsl(var(--border) / .3);border-radius:10px;color:hsl(var(--foreground));text-decoration:none;font-size:.75rem;transition:all .2s ease}.social-btn-mobile:active{transform:scale(.96);background:hsl(var(--primary) / .2)}.contact-cta-mobile{font-size:.85rem;color:hsl(var(--foreground) / .7);font-style:italic}.mobile-section-text{display:flex;flex-direction:column}.section-subtitle-mobile{font-size:.8rem;color:hsl(var(--primary));margin-bottom:1rem}.section-body-mobile{font-size:.85rem;line-height:1.65;color:hsl(var(--foreground) / .85);margin-bottom:1rem}.section-subheading-mobile{font-size:1.1rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem}.section-quote-mobile{font-family:var(--font-handwriting);font-size:1rem;color:hsl(var(--primary) / .9);border-left:3px solid hsl(var(--primary));padding-left:1rem;margin:1.5rem 0 0;font-style:italic}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:.6rem 0;padding-bottom:calc(env(safe-area-inset-bottom) + .6rem);background:hsl(var(--background) / .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid hsl(var(--border) / .2);z-index:100}.mobile-bottom-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.2rem;color:hsl(var(--foreground) / .7);text-decoration:none;border-radius:12px;transition:all .2s ease}.mobile-bottom-link:active{background:hsl(var(--primary) / .15);color:hsl(var(--primary));transform:scale(.92)}.private-login-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.private-login-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem;background:hsl(var(--page-bg-alt));border-radius:1rem;border:1px solid hsl(var(--border) / .3);max-width:320px;width:100%}.private-lock-icon{color:hsl(var(--glow-login));animation:pulseGlow 2s ease-in-out infinite}.private-login-hint{font-size:.9rem;color:hsl(var(--page-text-muted));margin-bottom:.25rem}.private-authorized-text{font-size:.75rem;color:hsl(var(--glow-login));font-style:italic;opacity:.8;margin-bottom:.5rem}.private-login-form{display:flex;flex-direction:column;gap:1rem;width:100%}.password-input-wrapper{position:relative;width:100%}.private-password-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:hsl(var(--page-bg));border:2px solid hsl(var(--border) / .3);border-radius:.5rem;color:hsl(var(--page-text));font-size:1rem;transition:all .2s ease}.private-password-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .2)}.private-password-input.error{border-color:#d92626;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:hsl(var(--page-text-muted));cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{color:hsl(var(--page-text))}.password-error{font-size:.8rem;color:#d92626;margin-top:-.5rem}.private-unlock-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--glow-login)));color:hsl(var(--background));border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.private-unlock-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsl(var(--background) / .3),transparent);transition:left .5s ease}.private-unlock-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px hsl(var(--primary) / .5),0 0 40px hsl(var(--glow-login) / .3)}.private-unlock-btn:hover:before{left:100%}.private-unlock-btn:active{transform:scale(.98)}.mobile-section-private{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem}.mobile-private-login{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;max-width:320px;width:100%}.mobile-lock-icon{color:hsl(var(--glow-login));animation:pulse 2s infinite}.mobile-private-hint{font-size:.95rem;color:hsl(var(--page-text-muted));margin-bottom:.25rem}.mobile-authorized-text{font-size:.75rem;color:hsl(var(--glow-login));font-style:italic;opacity:.8;margin-bottom:.5rem}.mobile-private-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.mobile-password-wrapper{position:relative;width:100%}.mobile-password-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:hsl(var(--page-front) / .5);border:1px solid hsl(var(--glow-login) / .3);border-radius:.5rem;color:hsl(var(--page-text));font-size:1rem;transition:border-color .2s,box-shadow .2s}.mobile-password-input:focus{outline:none;border-color:hsl(var(--glow-login));box-shadow:0 0 10px hsl(var(--glow-login) / .3)}.mobile-password-input.error{border-color:#d92626;box-shadow:0 0 10px #d926264d}.mobile-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:hsl(var(--page-text-muted));cursor:pointer;padding:.25rem}.mobile-password-error{font-size:.8rem;color:#d92626;margin-top:-.25rem}.mobile-unlock-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--glow-login)));color:hsl(var(--background));border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-unlock-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsl(var(--background) / .3),transparent);transition:left .5s ease}.mobile-unlock-btn:hover,.mobile-unlock-btn:active{transform:scale(1.03);box-shadow:0 6px 20px hsl(var(--primary) / .5),0 0 30px hsl(var(--glow-login) / .3)}.mobile-unlock-btn:hover:before,.mobile-unlock-btn:active:before{left:100%}.mobile-lock-container{position:relative;display:flex;justify-content:center;align-items:center}.mobile-lock-container.unlocking .mobile-lock-icon{animation:lock-shake .3s ease-in-out,lock-unlock .5s .3s ease-out forwards}@keyframes lock-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-3px) rotate(-3deg)}}@keyframes lock-unlock{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8;color:#26d926}to{transform:scale(0);opacity:0}}.unlock-particles{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.unlock-particles span{position:absolute;width:8px;height:8px;background:hsl(var(--glow-login));border-radius:50%;opacity:0}.mobile-lock-container.unlocking .unlock-particles span{animation:particle-burst .6s .4s ease-out forwards}.unlock-particles span:nth-child(1){--angle: 0deg}.unlock-particles span:nth-child(2){--angle: 90deg}.unlock-particles span:nth-child(3){--angle: 180deg}.unlock-particles span:nth-child(4){--angle: 270deg}@keyframes particle-burst{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-40px);opacity:0}}.mobile-private-login.unlocking{animation:form-fade-out .8s ease-out forwards}@keyframes form-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.mobile-unlocked-content{animation:content-reveal .6s ease-out forwards}@keyframes content-reveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.unlock-success-icon{font-size:3rem;margin-bottom:1rem;animation:success-bounce .6s ease-out}@keyframes success-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.mobile-unlock-btn:disabled{opacity:.7;cursor:not-allowed}.desktop-lock-container{position:relative;display:flex;justify-content:center;align-items:center}.desktop-lock-container.unlocking .private-lock-icon{animation:lock-shake .3s ease-in-out,lock-unlock .5s .3s ease-out forwards}.desktop-lock-container .unlock-particles{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.desktop-lock-container .unlock-particles span{position:absolute;width:10px;height:10px;background:hsl(var(--glow-login));border-radius:50%;opacity:0}.desktop-lock-container.unlocking .unlock-particles span{animation:particle-burst .6s .4s ease-out forwards}.desktop-lock-container .unlock-particles span:nth-child(1){--angle: 0deg}.desktop-lock-container .unlock-particles span:nth-child(2){--angle: 90deg}.desktop-lock-container .unlock-particles span:nth-child(3){--angle: 180deg}.desktop-lock-container .unlock-particles span:nth-child(4){--angle: 270deg}.private-login-box.unlocking{animation:form-fade-out .8s ease-out forwards}.desktop-unlocked-content{animation:content-reveal .6s ease-out forwards}.desktop-unlocked-content .unlock-success-icon{font-size:3.5rem;margin-bottom:1rem;animation:success-bounce .6s ease-out}.private-unlock-btn:disabled,.password-toggle-btn:disabled{opacity:.7;cursor:not-allowed}.back-btn:disabled{opacity:.5;pointer-events:none}.fullscreen-project-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:linear-gradient(135deg,#0f131afa,#151c28fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:1rem;animation:fullscreenFadeIn .3s ease-out}@keyframes fullscreenFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fullscreen-project-container{width:100%;max-width:900px;min-height:100%;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.fullscreen-project-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid hsl(var(--primary) / .2)}.fullscreen-header-left{display:flex;align-items:center;gap:.75rem}.fullscreen-category-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--primary) / .1));border:1px solid hsl(var(--primary) / .3);border-radius:2rem}.fullscreen-category-icon{font-size:1.25rem}.fullscreen-category-name{font-size:.9rem;font-weight:600;color:hsl(var(--primary));font-family:var(--font-body)}.fullscreen-close-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff0d;border:1px solid hsl(0 0% 100% / .1);border-radius:50%;color:#fffc;cursor:pointer;transition:all .2s ease}.fullscreen-close-btn:hover{background:#d9262633;border-color:#d9262666;color:#e46767;transform:scale(1.05)}.fullscreen-project-content{display:flex;flex-direction:column;gap:2rem}.fullscreen-project-image-container{width:100%;max-width:700px;margin:0 auto;border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px hsl(var(--primary) / .2);background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.fullscreen-project-image{width:100%;height:auto;max-height:400px;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.fullscreen-project-image:hover{transform:scale(1.02)}@media (max-width: 768px){.fullscreen-project-image-container{border-radius:.75rem}.fullscreen-project-image{max-height:280px}}.fullscreen-title-section{text-align:center;padding:2rem 0}.fullscreen-project-icon{font-size:4rem;display:block;margin-bottom:1rem;filter:drop-shadow(0 4px 12px hsl(var(--primary) / .3))}.fullscreen-project-name{font-size:2rem;font-weight:700;color:#fff;font-family:var(--font-heading);margin-bottom:.75rem;text-shadow:0 2px 8px hsl(0 0% 0% / .3)}.fullscreen-project-desc{font-size:1.1rem;color:#ffffffbf;font-family:var(--font-body);max-width:600px;margin:0 auto;line-height:1.6}.fullscreen-doc-sections{display:flex;flex-direction:column;gap:1.5rem}.fullscreen-doc-section{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid hsl(0 0% 100% / .1);border-radius:1rem;padding:1.5rem;animation:sectionFadeIn .4s ease-out}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fullscreen-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:hsl(var(--primary));font-family:var(--font-body);margin-bottom:1rem}.section-icon{font-size:1.25rem}.fullscreen-section-text{font-size:1rem;color:#ffffffd9;font-family:var(--font-body);line-height:1.7}.fullscreen-pins{font-family:SF Mono,Monaco,Consolas,monospace;background:#0000004d;padding:1rem;border-radius:.5rem;font-size:.9rem;color:#75f0b3}.fullscreen-pin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.fullscreen-pin-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#0000004d;border-radius:.5rem;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem}.fullscreen-pin-item .pin-esp{color:#ffd966;font-weight:600}.fullscreen-pin-item .pin-arrow{color:#fff6}.fullscreen-pin-item .pin-device{color:#75f0b3}.fullscreen-errors-list{display:flex;flex-direction:column;gap:.75rem}.fullscreen-error-item{padding:1rem;background:#00000040;border-radius:.5rem;border-left:3px solid hsl(0 70% 55%)}.fullscreen-error-item .error-label{display:block;font-size:.95rem;color:#e87d7d;font-weight:500;margin-bottom:.5rem}.fullscreen-error-item .error-fix{display:block;font-size:.9rem;color:#67e4a6}.fullscreen-error-text{padding:.75rem 1rem;background:#00000040;border-radius:.5rem;border-left:3px solid hsl(45 80% 55%);font-size:.9rem;color:#ffffffd9}.fullscreen-pros-list{display:flex;flex-wrap:wrap;gap:.5rem}.fullscreen-pro-tag{padding:.5rem 1rem;background:linear-gradient(135deg,#248f594d,#19664033);border:1px solid hsl(150 60% 45% / .4);border-radius:2rem;font-size:.85rem;color:#7de8b3;font-family:var(--font-body)}.fullscreen-tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.fullscreen-tech-tag{padding:.5rem 1rem;background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--primary) / .1));border:1px solid hsl(var(--primary) / .3);border-radius:.5rem;font-size:.85rem;color:hsl(var(--primary));font-family:var(--font-body);font-weight:500}.fullscreen-footer{display:flex;justify-content:center;padding:2rem 0;border-top:1px solid hsl(0 0% 100% / .1);margin-top:1rem}.fullscreen-cta-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#e8308c,#e6193c);border:none;border-radius:3rem;font-size:1rem;font-weight:600;color:#fff;font-family:var(--font-body);text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #e8308c66}.fullscreen-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #e8308c80}.project-search-container{display:flex;align-items:center;gap:.5rem;background:hsl(var(--page-bg-alt));border:1px solid hsl(var(--primary) / .3);border-radius:2rem;padding:.5rem 1rem;margin:1rem 0;transition:all .3s ease}.project-search-container:focus-within{border-color:hsl(var(--primary) / .6);box-shadow:0 0 0 3px hsl(var(--primary) / .15)}.project-search-icon{color:hsl(var(--page-text-muted));flex-shrink:0}.project-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.9rem;color:hsl(var(--page-text));font-family:var(--font-body)}.project-search-input::-moz-placeholder{color:hsl(var(--page-text-subtle))}.project-search-input::placeholder{color:hsl(var(--page-text-subtle))}.project-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:hsl(var(--page-text-muted) / .2);border:none;border-radius:50%;cursor:pointer;color:hsl(var(--page-text-muted));transition:all .2s ease}.project-search-clear:hover{background:hsl(var(--page-text-muted) / .3);color:hsl(var(--page-text))}.no-projects-found{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:hsl(var(--page-text-muted));text-align:center}.no-projects-found span{font-size:2.5rem}.no-projects-found p{font-size:.9rem;font-family:var(--font-body)}.mobile-project-search-container{display:flex;align-items:center;gap:.5rem;background:#ffffff14;border:1px solid hsl(0 0% 100% / .15);border-radius:2rem;padding:.6rem 1rem;margin:1rem 1rem .5rem;transition:all .3s ease}.mobile-project-search-container:focus-within{border-color:hsl(var(--primary) / .5);background:#ffffff1f}.mobile-project-search-icon{color:#ffffff80;flex-shrink:0}.mobile-project-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.9rem;color:#fff;font-family:var(--font-body)}.mobile-project-search-input::-moz-placeholder{color:#fff6}.mobile-project-search-input::placeholder{color:#fff6}.mobile-project-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;color:#fff9;transition:all .2s ease}.mobile-project-search-clear:active{background:#ffffff40;color:#fff}.mobile-no-projects-found{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#ffffff80;text-align:center}.mobile-no-projects-found span{font-size:2.5rem}.mobile-no-projects-found p{font-size:.9rem;font-family:var(--font-body)}.project-boxes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:calc(100vh - 350px);overflow-y:auto;padding:.5rem}.project-list-hint{font-size:.85rem;color:hsl(var(--page-text-muted));margin-bottom:.5rem;text-align:center;font-style:italic}.project-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background:linear-gradient(135deg,hsl(var(--primary) / .1),hsl(var(--primary) / .05));border:1px solid hsl(var(--primary) / .25);border-radius:.75rem;cursor:pointer;transition:all .25s ease;animation:projectBoxEnter .4s ease-out backwards}@keyframes projectBoxEnter{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-box:hover{background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--primary) / .1));border-color:hsl(var(--primary) / .5);transform:translateY(-3px);box-shadow:0 8px 20px hsl(var(--primary) / .2)}.project-box-icon{font-size:2rem;filter:drop-shadow(0 2px 4px hsl(0 0% 0% / .2))}.project-box-name{font-size:.85rem;font-weight:600;color:hsl(var(--page-text));font-family:var(--font-body);text-align:center;line-height:1.3}.mobile-project-boxes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.5rem}.mobile-project-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem .75rem;background:linear-gradient(135deg,hsl(var(--primary) / .12),hsl(var(--primary) / .06));border:1px solid hsl(var(--primary) / .25);border-radius:.75rem;cursor:pointer;transition:all .25s ease;animation:mobileProjectBoxEnter .4s ease-out backwards}@keyframes mobileProjectBoxEnter{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-project-box:active{transform:scale(.97);background:linear-gradient(135deg,hsl(var(--primary) / .25),hsl(var(--primary) / .15))}.mobile-project-box-icon{font-size:2rem;filter:drop-shadow(0 2px 4px hsl(0 0% 0% / .2))}.mobile-project-box-name{font-size:.8rem;font-weight:600;color:#ffffffe6;font-family:var(--font-body);text-align:center;line-height:1.3}@media (max-width: 768px){.fullscreen-project-container{padding:1rem}.fullscreen-project-icon{font-size:3rem}.fullscreen-project-name{font-size:1.5rem}.fullscreen-project-desc{font-size:1rem}.fullscreen-doc-section{padding:1rem}.fullscreen-pin-grid{grid-template-columns:1fr}.fullscreen-cta-btn{padding:.875rem 1.5rem;font-size:.9rem}.fullscreen-close-btn{width:40px;height:40px}}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].skill-card,.data-\[state\=open\]\:animate-in[data-state=open].skill-card,.data-\[state\=visible\]\:animate-in[data-state=visible].skill-card{opacity:0;animation:skillCardEnter .5s cubic-bezier(.22,1,.36,1) forwards}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].skill-card .skill-fill,.data-\[state\=open\]\:animate-in[data-state=open].skill-card .skill-fill,.data-\[state\=visible\]\:animate-in[data-state=visible].skill-card .skill-fill{animation:skillBarFill 1s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.3s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].project-card,.data-\[state\=open\]\:animate-in[data-state=open].project-card,.data-\[state\=visible\]\:animate-in[data-state=visible].project-card{opacity:0;animation:projectCardEnter .5s cubic-bezier(.22,1,.36,1) forwards}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].skill-card:nth-child(1){animation-delay:.1s}.data-\[state\=open\]\:animate-in[data-state=open].skill-card:nth-child(1){animation-delay:.1s}.data-\[state\=visible\]\:animate-in[data-state=visible].skill-card:nth-child(1){animation-delay:.1s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].skill-card:nth-child(2){animation-delay:.15s}.data-\[state\=open\]\:animate-in[data-state=open].skill-card:nth-child(2){animation-delay:.15s}.data-\[state\=visible\]\:animate-in[data-state=visible].skill-card:nth-child(2){animation-delay:.15s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].skill-card:nth-child(3){animation-delay:.2s}.data-\[state\=open\]\:animate-in[data-state=open].skill-card:nth-child(3){animation-delay:.2s}.data-\[state\=visible\]\:animate-in[data-state=visible].skill-card:nth-child(3){animation-delay:.2s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].skill-card:nth-child(4){animation-delay:.25s}.data-\[state\=open\]\:animate-in[data-state=open].skill-card:nth-child(4){animation-delay:.25s}.data-\[state\=visible\]\:animate-in[data-state=visible].skill-card:nth-child(4){animation-delay:.25s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].skill-card:nth-child(5){animation-delay:.3s}.data-\[state\=open\]\:animate-in[data-state=open].skill-card:nth-child(5){animation-delay:.3s}.data-\[state\=visible\]\:animate-in[data-state=visible].skill-card:nth-child(5){animation-delay:.3s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].skill-card:nth-child(6){animation-delay:.35s}.data-\[state\=open\]\:animate-in[data-state=open].skill-card:nth-child(6){animation-delay:.35s}.data-\[state\=visible\]\:animate-in[data-state=visible].skill-card:nth-child(6){animation-delay:.35s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].project-card:nth-child(1){animation-delay:.1s}.data-\[state\=open\]\:animate-in[data-state=open].project-card:nth-child(1){animation-delay:.1s}.data-\[state\=visible\]\:animate-in[data-state=visible].project-card:nth-child(1){animation-delay:.1s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].project-card:nth-child(2){animation-delay:.15s}.data-\[state\=open\]\:animate-in[data-state=open].project-card:nth-child(2){animation-delay:.15s}.data-\[state\=visible\]\:animate-in[data-state=visible].project-card:nth-child(2){animation-delay:.15s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].project-card:nth-child(3){animation-delay:.2s}.data-\[state\=open\]\:animate-in[data-state=open].project-card:nth-child(3){animation-delay:.2s}.data-\[state\=visible\]\:animate-in[data-state=visible].project-card:nth-child(3){animation-delay:.2s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].project-card:nth-child(4){animation-delay:.25s}.data-\[state\=open\]\:animate-in[data-state=open].project-card:nth-child(4){animation-delay:.25s}.data-\[state\=visible\]\:animate-in[data-state=visible].project-card:nth-child(4){animation-delay:.25s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-].category-details,.data-\[state\=open\]\:animate-in[data-state=open].category-details,.data-\[state\=visible\]\:animate-in[data-state=visible].category-details{animation:categoryDetailsEnter .6s cubic-bezier(.22,1,.36,1) forwards}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:text-primary\/90:hover{color:hsl(var(--primary) / .9)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group\/menu-item:hover .group-hover\/menu-item\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / .4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.aria-selected\:opacity-30[aria-selected=true]{opacity:.3}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[active\]\:bg-accent\/50[data-active]{background-color:hsl(var(--accent) / .5)}.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180,.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer[data-variant=inset]~.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{min-height:calc(100svh - 1rem)}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}@media (min-width: 640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y: -3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-3\.5>svg{width:.875rem;height:.875rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border) / .5)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}