@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap);*,::backdrop,:after,:before{--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:#3b82f680;--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: }

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:JetBrains Mono,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-24{bottom:6rem}.bottom-8{bottom:2rem}.bottom-\[-10px\]{bottom:-10px}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-3{top:.75rem}.top-4{top:1rem}.top-8{top:2rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-8{margin-top:2rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-1{height:.25rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[60vh\]{height:60vh}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1\/2{width:50%}.w-3{width:.75rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.75rem*var(--tw-space-x-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4rem*var(--tw-space-y-reverse));margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-white\/20{border-color:#fff3}.bg-black\/50{background-color:#00000080}.bg-black\/95{background-color:#000000f2}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.text-center{text-align:center}.font-space{font-family:Space Grotesk,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.\[project\:fontfusion\]{project:fontfusion}.\[project\:id\]{project:id}.\[project\:neerja\]{project:neerja}.\[project\:paletos\]{project:paletos}.\[project\:trackfit\]{project:trackfit}.\[project\:vision-ai\]{project:vision-ai}:root{--bg:#0a0a0a;--bg-alt:#121212;--surface:#1a1a1a;--surface-2:#242424;--border:#1db9542e;--text:#fff;--text-muted:#b3b3b3;--primary:#1db954;--secondary:#1ed760;--accent:#1db954;--gradient-1:#1db954;--gradient-2:#1ed760;--shadow:0 14px 32px #00000080;--glow:0 0 32px #1db9544d;--background:var(--bg);--dark:var(--bg-alt);--light:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#0a0a0a;background-color:var(--bg);font-family:Inter,sans-serif;padding-top:70px;transition:background-color .6s ease,color .6s ease}body,h1,h2,h3,h4,h5,h6{color:#fff;color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.01em}.container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}section{background-color:inherit;border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border);padding:100px 0;position:relative;transition:background-color .6s ease;width:100%}#contact,#experience,#hero,#skills{background-color:#0a0a0a;background-color:var(--bg)}#about,#achievements,#projects{background-color:#121212;background-color:var(--bg-alt)}#hero{padding-bottom:70px;padding-top:32px}@media (max-width:768px){#hero{padding-bottom:50px;padding-top:16px}.hero-grid{gap:1.75rem}.hero-title{line-height:1}.hero-subtitle{font-size:1.1rem}.hero-cta{gap:.65rem}.hero-cta .btn{font-size:.9rem;padding:10px 18px}}.section-title{color:#fff;color:var(--text);display:inline-block;font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;position:relative}.section-title:after{background:#1db954;background:var(--primary);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:50%}.gradient-text{color:#1db954;color:var(--primary);display:inline-block}.gradient-text-2{color:#1ed760;color:var(--secondary);display:inline-block}.text-gray-200,.text-gray-300,.text-gray-400,.text-gray-500,.text-muted{color:#b3b3b3!important;color:var(--text-muted)!important}.bg-background{background-color:#0a0a0a!important;background-color:var(--bg)!important}.bg-dark{background-color:#121212!important;background-color:var(--bg-alt)!important}.bg-gradient-primary{background:#1db954!important;background:var(--gradient-1)!important}.text-primary{color:#1db954!important;color:var(--primary)!important}.text-secondary{color:#1ed760!important;color:var(--secondary)!important}.bg-primary{background-color:#1db954!important;background-color:var(--primary)!important}.bg-secondary{background-color:#1ed760!important;background-color:var(--secondary)!important}.border-primary{border-color:#1db954!important;border-color:var(--primary)!important}.btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:Space Grotesk,sans-serif;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.02em;outline:none;padding:12px 28px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease}[data-vibe=glass] .btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:9999px}[data-vibe=glass] .btn-primary{background:#1db954;background:var(--gradient-1);box-shadow:0 8px 24px #0003,0 0 32px #1db9544d;box-shadow:0 8px 24px #0003,var(--glow);color:#fff}[data-vibe=glass] .btn-primary:hover{box-shadow:0 14px 36px #0000004d,0 0 32px #1db9544d;box-shadow:0 14px 36px #0000004d,var(--glow);transform:translateY(-3px)}[data-vibe=glass] .btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);color:#fff;color:var(--text)}[data-vibe=glass] .btn-secondary:hover{background:#1a1a1a;background:var(--surface);border-color:#1db954;border-color:var(--primary);transform:translateY(-3px)}[data-vibe=bento] .btn{border-radius:16px;font-weight:700}[data-vibe=bento] .btn-primary{background:#1db954;background:var(--gradient-1);box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);color:#fff}[data-vibe=bento] .btn-primary:hover{box-shadow:0 24px 50px #0000002e;transform:translateY(-3px)}[data-vibe=bento] .btn-secondary{background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);color:#fff;color:var(--text)}[data-vibe=bento] .btn-secondary:hover{background:#242424;background:var(--surface-2);box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);transform:translateY(-3px)}.glass,.glass-card{background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);transition:all .4s ease}[data-vibe=glass] .glass,[data-vibe=glass] .glass-card{backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);background:#1a1a1a;background:var(--surface);border-radius:20px;position:relative}[data-vibe=glass] .glass-card:hover,[data-vibe=glass] .glass:hover{border-color:#1db954;border-color:var(--primary);box-shadow:0 14px 32px #00000080,0 0 32px #1db9544d;box-shadow:var(--shadow),var(--glow);transform:translateY(-6px)}[data-vibe=bento] .glass,[data-vibe=bento] .glass-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:32px;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);padding:2rem}[data-vibe=bento] .glass-card:hover,[data-vibe=bento] .glass:hover{border-color:#1db954;border-color:var(--primary);box-shadow:0 26px 60px #0003;transform:translateY(-6px)}.card{background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);padding:1.75rem;transition:all .3s ease}[data-vibe=glass] .card{backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border-radius:18px}[data-vibe=glass] .card:hover{border-color:#1db954;border-color:var(--primary);transform:translateY(-8px)}[data-vibe=bento] .card,[data-vibe=glass] .card:hover{box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow)}[data-vibe=bento] .card{background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:28px;padding:2rem}[data-vibe=bento] .card:hover{border-color:#1db954;border-color:var(--primary);box-shadow:0 24px 50px #0000002e;transform:translateY(-6px)}.navbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:color-mix(in srgb,#0a0a0a 80%,#0000);background-color:color-mix(in srgb,var(--bg) 80%,#0000);height:70px;left:0;position:fixed;top:0;transition:background-color .4s ease,border-color .4s ease;width:100%;z-index:100}.navbar,[data-vibe=bento] .navbar{border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border)}[data-vibe=bento] .navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:color-mix(in srgb,#0a0a0a 92%,#0000);background-color:color-mix(in srgb,var(--bg) 92%,#0000)}.nav-link{color:#fff;color:var(--text);position:relative;transition:color .3s ease}.nav-link:after{background:#1db954;background:var(--gradient-1);bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:#1db954;color:var(--primary)}.hero,.nav-link.active:after,.nav-link:hover:after{width:100%}.hero{background-color:#0a0a0a;background-color:var(--bg);overflow:hidden;position:relative}.hero-title{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.02em;line-height:1.05;margin-bottom:1.5rem}.hero-subtitle{color:#b3b3b3;color:var(--text-muted);font-size:clamp(1.1rem,2.5vw,1.75rem);margin-bottom:2rem}.hero-content{max-width:900px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.section-divider{display:block;height:60px;pointer-events:none;width:100%}.section-divider svg{display:block;height:100%;width:100%}.cmd-overlay{align-items:flex-start;animation:cmd-fade .18s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding-top:12vh;position:fixed;z-index:1000}@keyframes cmd-fade{0%{opacity:0}to{opacity:1}}.cmd-modal{animation:cmd-pop .22s cubic-bezier(.22,1,.36,1);background:#0a0a0a;background:var(--bg);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;width:min(640px,92vw)}@keyframes cmd-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-input-row{align-items:center;border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border);display:flex;gap:.75rem;padding:1rem 1.1rem}.cmd-search-icon{color:#b3b3b3;color:var(--text-muted);flex-shrink:0}.cmd-input{background:#0000;border:none;color:#fff;color:var(--text);flex:1 1;font-family:inherit;font-size:1rem;outline:none}.cmd-footer kbd,.cmd-input::placeholder,.cmd-kbd{color:#b3b3b3;color:var(--text-muted)}.cmd-footer kbd,.cmd-kbd{background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.7rem;padding:2px 6px}.cmd-list{flex:1 1;overflow-y:auto;padding:.5rem}.cmd-list::-webkit-scrollbar{width:6px}.cmd-list::-webkit-scrollbar-thumb{background:#1db9542e;background:var(--border);border-radius:3px}.cmd-empty{color:#b3b3b3;color:var(--text-muted);font-size:.875rem;padding:2rem 1rem;text-align:center}.cmd-group{margin-bottom:.5rem}.cmd-group-label{color:#b3b3b3;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:.5rem .75rem .25rem;text-transform:uppercase}.cmd-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#fff;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.85rem;padding:.65rem .85rem;text-align:left;transition:background .12s ease;width:100%}.cmd-item.is-active{background:#242424;background:var(--surface-2)}.cmd-item.is-current .cmd-label:after{color:#b3b3b3;color:var(--text-muted);content:" · current";font-size:.75rem}.cmd-icon{color:#1db954;color:var(--primary);flex-shrink:0}.cmd-label{flex:1 1}.cmd-enter{color:#b3b3b3;color:var(--text-muted);flex-shrink:0}.cmd-swatches{display:inline-flex;gap:3px}.cmd-swatches span{border:1px solid color-mix(in srgb,#fff 25%,#0000);border:1px solid color-mix(in srgb,var(--text) 25%,#0000);border-radius:50%;height:10px;width:10px}.cmd-footer{align-items:center;border-top:1px solid #1db9542e;border-top:1px solid var(--border);color:#b3b3b3;color:var(--text-muted);display:flex;font-size:.75rem;gap:1rem;padding:.65rem 1.1rem}.hero-stat-card{cursor:pointer;transition:transform .3s ease}.hero-stat-card:hover{transform:translateY(-4px)}.skill-chip{transition:all .25s ease}.skill-chip:hover{border-color:#1db954;border-color:var(--primary);box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);transform:translateY(-3px)}.tech-pill{transition:all .2s ease}.tech-pill:hover{background:#1db954!important;background:var(--primary)!important;border-color:#1db954!important;border-color:var(--primary)!important;color:#0a0a0a!important;color:var(--bg)!important;transform:translateY(-2px)}.story{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:24px;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.9rem;height:100%;min-height:480px;overflow:hidden;padding:1.25rem 1.4rem 1rem;position:relative;width:100%}.story-bar{background:#1db954;background:var(--primary);height:3px;left:0;position:absolute;top:0;width:100%}.story-header{border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border);gap:.85rem;padding-bottom:.75rem}.story-avatar,.story-header{align-items:center;display:flex}.story-avatar{background:#1db954;background:var(--primary);border-radius:12px;color:#0a0a0a;color:var(--bg);flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.story-meta{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.story-title{align-items:center;color:#fff;color:var(--text);display:inline-flex;font-family:Space Grotesk,sans-serif;font-weight:700;gap:.5rem;letter-spacing:-.01em}.story-tag{background:color-mix(in srgb,#1db954 22%,#0000);background:color-mix(in srgb,var(--primary) 22%,#0000);border-radius:4px;color:#1db954;color:var(--primary);font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.story-subtitle,.story-tag{font-family:JetBrains Mono,monospace}.story-subtitle{color:#b3b3b3;color:var(--text-muted);font-size:.76rem}.story-content{flex:1 1;min-height:0;overflow-y:auto;padding-right:4px}.story-content,.story-right{display:flex;flex-direction:column;gap:.45rem}.story-content::-webkit-scrollbar{width:4px}.story-content::-webkit-scrollbar-thumb{background:#1db9542e;background:var(--border);border-radius:2px}.story-year-frame{display:inline-block;perspective:900px;perspective-origin:50%}.story-year{color:#1db954;color:var(--primary);display:inline-block;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1;transform-origin:center center;transform-style:preserve-3d}.story-badge{align-self:flex-start;animation:story-fade-up .5s ease 80ms backwards;background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:9999px;color:#b3b3b3;color:var(--text-muted);display:inline-block;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.1em;margin-bottom:.2rem;padding:3px 9px;text-transform:uppercase}.story-headline{animation:story-fade-up .55s ease .15s backwards;color:#fff;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:-.005em;line-height:1.35}.story-moments{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:.35rem 0 0;padding:0}.story-moments li{animation:story-fade-up .5s ease backwards;color:#b3b3b3;color:var(--text-muted);font-size:.82rem;line-height:1.45;padding-left:18px;position:relative}.story-moments li:before{background:#1db954;background:var(--primary);border-radius:50%;box-shadow:0 0 6px color-mix(in srgb,#1db954 50%,#0000);box-shadow:0 0 6px color-mix(in srgb,var(--primary) 50%,#0000);content:"";height:7px;left:0;position:absolute;top:.55rem;width:7px}@keyframes story-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.story-cta{align-items:center;align-self:flex-start;animation:story-fade-up .5s ease .38s backwards;background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:9999px;color:#1db954;color:var(--primary);display:inline-flex;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:600;gap:.45rem;letter-spacing:.01em;margin-top:.85rem;padding:.45rem .95rem;text-decoration:none;transition:all .2s ease}.story-cta:hover{background:#1db954;background:var(--primary);border-color:#1db954;border-color:var(--primary);box-shadow:0 8px 20px color-mix(in srgb,#1db954 30%,#0000);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 30%,#0000);color:#0a0a0a;color:var(--bg);transform:translateY(-2px)}.story-cta svg{transition:transform .2s ease}.story-cta:hover svg{transform:translateX(3px)}.story-controls{align-items:center;border-top:1px solid #1db9542e;border-top:1px solid var(--border);display:flex;gap:.85rem;padding-top:.65rem}.story-play{align-items:center;background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:9px;color:#fff;color:var(--text);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;width:32px}.story-play:hover{background:#1db954;background:var(--primary);border-color:#1db954;border-color:var(--primary);color:#0a0a0a;color:var(--bg)}.story-track{cursor:pointer;flex:1 1;height:38px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.story-track.is-dragging{cursor:grabbing}.story-track-line{background:#1db9542e;background:var(--border);right:0}.story-track-fill,.story-track-line{border-radius:2px;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.story-track-fill{background:#1db954;background:var(--primary);box-shadow:0 0 10px color-mix(in srgb,#1db954 50%,#0000);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 50%,#0000);transition:width .35s cubic-bezier(.22,1,.36,1)}.story-tick{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:4px;position:absolute;top:50%;transform:translate(-50%,-50%)}.story-tick-dot{background:#242424;background:var(--surface-2);border:1.5px solid #1db9542e;border:1.5px solid var(--border);border-radius:50%;height:7px;transition:all .2s ease;width:7px}.story-tick.is-active .story-tick-dot{background:#1db954;background:var(--primary);transform:scale(1.25)}.story-tick.is-active .story-tick-dot,.story-tick:hover .story-tick-dot{border-color:#1db954;border-color:var(--primary)}.story-tick-year{color:#b3b3b3;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;letter-spacing:.04em;position:absolute;top:14px;transition:color .2s ease}.story-tick.is-active .story-tick-year{color:#1db954;color:var(--primary);font-weight:700}.story-handle{background:#0a0a0a;background:var(--bg);border:2.5px solid #1db954;border:2.5px solid var(--primary);border-radius:50%;box-shadow:0 0 14px color-mix(in srgb,#1db954 55%,#0000);box-shadow:0 0 14px color-mix(in srgb,var(--primary) 55%,#0000);height:16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .35s cubic-bezier(.22,1,.36,1);width:16px;z-index:2}.story-track.is-dragging .story-handle{transform:translate(-50%,-50%) scale(1.15);transition:none}@media (prefers-reduced-motion:reduce){.story-badge,.story-headline,.story-moments li,.story-year{animation:none}.story-handle,.story-track-fill{transition:none}}.story.is-wide{border-radius:28px;gap:1.25rem;margin:0 auto;max-width:980px;min-height:auto;padding:2rem 2.25rem 1.75rem}.story.is-wide .story-content{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:minmax(180px,30%) 1fr;overflow:visible;padding:.5rem 0}.story.is-wide .story-right{gap:.65rem}.story.is-wide .story-year-frame{align-self:center;justify-self:center}.story.is-wide .story-year{font-size:clamp(4.5rem,9vw,7rem);letter-spacing:-.05em;line-height:.95;text-shadow:0 0 40px color-mix(in srgb,#1db954 35%,#0000);text-shadow:0 0 40px color-mix(in srgb,var(--primary) 35%,#0000)}.story.is-wide .story-badge{font-size:.7rem;margin-top:.6rem}.story.is-wide .story-headline{font-size:1.35rem;letter-spacing:-.01em}.story.is-wide .story-moments{gap:.55rem;margin-top:.7rem}.story.is-wide .story-moments li{font-size:.95rem}.story.is-wide .story-controls{padding-top:1rem}.story.is-wide .story-track{height:44px}.story.is-wide .story-tick-year{font-size:.72rem;top:16px}.story.is-wide .story-handle{border-width:3px;height:20px;width:20px}@media (max-width:768px){.story.is-wide{padding:1.5rem 1.25rem 1.25rem}.story.is-wide .story-content{gap:.5rem;grid-template-columns:1fr}.story.is-wide .story-year{font-size:clamp(3.5rem,14vw,5rem)}}.km{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:24px;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:480px;overflow:hidden;padding:1.25rem 1.25rem .95rem;position:relative;width:100%}.km-bar{background:#1db954;background:var(--primary);height:3px;left:0;position:absolute;top:0;width:100%}.km-header{border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border);gap:.85rem;padding-bottom:.75rem}.km-avatar,.km-header{align-items:center;display:flex}.km-avatar{background:#1db954;background:var(--primary);border-radius:12px;color:#0a0a0a;color:var(--bg);flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.km-meta{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.km-title{align-items:center;color:#fff;color:var(--text);display:inline-flex;font-family:Space Grotesk,sans-serif;font-weight:700;gap:.5rem;letter-spacing:-.01em}.km-tag{background:color-mix(in srgb,#1db954 22%,#0000);background:color-mix(in srgb,var(--primary) 22%,#0000);border-radius:4px;color:#1db954;color:var(--primary);font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.km-subtitle{color:#b3b3b3;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.78rem}.km-canvas{background-color:#242424;background-color:var(--surface-2);background-image:radial-gradient(circle,color-mix(in srgb,#fff 10%,#0000) .8px,#0000 1px);background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 10%,#0000) .8px,#0000 1px);background-size:18px 18px;border:1px solid #1db9542e;border:1px solid var(--border);border-radius:14px;flex:1 1;min-height:0;overflow:hidden;position:relative}.km-canvas svg{display:block;height:100%;width:100%}.km-point{transition:fill .55s ease,cx .55s ease,cy .55s ease}.km-centroid-core,.km-centroid-ring{transition:cx .6s cubic-bezier(.22,1,.36,1),cy .6s cubic-bezier(.22,1,.36,1)}.km-centroid-core{filter:drop-shadow(0 0 1.6px currentColor)}.km-centroid-ring{animation:km-pulse 2.4s ease-in-out infinite;opacity:.9}@keyframes km-pulse{0%,to{stroke-opacity:.6}50%{stroke-opacity:1}}.km-converged-badge{animation:km-badge-in .4s cubic-bezier(.22,1,.36,1);background:#0a0a0a;background:var(--bg);border:1px solid #1db954;border:1px solid var(--primary);border-radius:9999px;box-shadow:0 0 14px color-mix(in srgb,#1db954 35%,#0000);box-shadow:0 0 14px color-mix(in srgb,var(--primary) 35%,#0000);color:#1db954;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 10px;position:absolute;right:10px;top:10px}@keyframes km-badge-in{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.km-controls{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.km-k-group{align-items:center;display:inline-flex;gap:.3rem}.km-k-label{color:#b3b3b3;color:var(--text-muted);font-size:.75rem;font-weight:700;margin-right:.3rem}.km-k-btn,.km-k-label{font-family:JetBrains Mono,monospace}.km-k-btn{align-items:center;background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:7px;color:#fff;color:var(--text);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;height:26px;justify-content:center;transition:all .15s ease;width:26px}.km-k-btn.is-active,.km-k-btn:hover{border-color:#1db954;border-color:var(--primary)}.km-k-btn.is-active{background:#1db954;background:var(--primary);color:#0a0a0a;color:var(--bg)}.km-action-group{display:inline-flex;gap:.35rem}.km-action{align-items:center;background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .15s ease;width:30px}.km-action:hover{background:#1db954;background:var(--primary);border-color:#1db954;border-color:var(--primary);color:#0a0a0a;color:var(--bg);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.km-centroid-core,.km-centroid-ring,.km-point{transition:none}.km-centroid-ring{animation:none}}.galaxy{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:24px;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:480px;overflow:hidden;padding:1.25rem 1.25rem .85rem;position:relative;width:100%}.galaxy-bar{background:#1db954;background:var(--primary);height:3px;left:0;position:absolute;top:0;width:100%}.galaxy-header{border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border);gap:.85rem;padding-bottom:.75rem}.galaxy-avatar,.galaxy-header{align-items:center;display:flex}.galaxy-avatar{background:#1db954;background:var(--primary);border-radius:12px;color:#0a0a0a;color:var(--bg);flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.galaxy-meta{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.galaxy-title{align-items:center;color:#fff;color:var(--text);display:inline-flex;font-family:Space Grotesk,sans-serif;font-weight:700;gap:.5rem;letter-spacing:-.01em}.galaxy-tag{background:color-mix(in srgb,#1db954 22%,#0000);background:color-mix(in srgb,var(--primary) 22%,#0000);border-radius:4px;color:#1db954;color:var(--primary);font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.galaxy-subtitle{color:#b3b3b3;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.78rem;min-height:1.1rem;transition:color .2s ease}.galaxy-canvas{background:radial-gradient(ellipse 80% 60% at 50% 50%,color-mix(in srgb,#1db954 6%,#0000),#0000 70%),#242424;background:radial-gradient(ellipse 80% 60% at 50% 50%,color-mix(in srgb,var(--primary) 6%,#0000),#0000 70%),var(--surface-2);background-image:radial-gradient(circle,color-mix(in srgb,#fff 12%,#0000) .8px,#0000 1px);background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 12%,#0000) .8px,#0000 1px);background-size:18px 18px;border:1px solid #1db9542e;border:1px solid var(--border);border-radius:14px;flex:1 1;min-height:0;overflow:hidden;position:relative}.galaxy-canvas svg{display:block;height:100%;width:100%}.galaxy-edge{stroke:#b3b3b3;stroke:var(--text-muted);stroke-width:.18;opacity:.18;transition:stroke .25s ease,opacity .25s ease,stroke-width .25s ease}.galaxy-edge.is-active{stroke:#1db954;stroke:var(--primary);stroke-width:.45;opacity:.85}.galaxy-node{transition:opacity .25s ease}.galaxy-node.is-dim{opacity:.35}.galaxy-dot{filter:drop-shadow(0 0 1.5px color-mix(in srgb,#1DB954 60%,transparent));filter:drop-shadow(0 0 1.5px color-mix(in srgb,var(--primary) 60%,transparent));transition:r .25s cubic-bezier(.22,1,.36,1),filter .25s ease}.galaxy-node.is-active .galaxy-dot{filter:drop-shadow(0 0 4px #1DB954);filter:drop-shadow(0 0 4px var(--primary))}.galaxy-halo{opacity:0;transition:opacity .3s ease,r .3s ease}.galaxy-node.is-active .galaxy-halo{opacity:.18}.galaxy-node:hover .galaxy-dot{r:7}.galaxy-label{fill:#b3b3b3;fill:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:2.4px;font-weight:600;letter-spacing:.05px;pointer-events:none;transition:fill .25s ease,font-size .25s ease}.galaxy-node.is-active .galaxy-label{fill:#fff;fill:var(--text);font-size:3.2px}.galaxy-pulse{filter:drop-shadow(0 0 2.5px #1DB954);filter:drop-shadow(0 0 2.5px var(--primary));opacity:0;pointer-events:none;transition:opacity .15s ease}.galaxy-footer{align-items:center;color:#b3b3b3;color:var(--text-muted);display:flex;font-family:JetBrains Mono,monospace;font-size:.66rem;justify-content:space-between;letter-spacing:.04em;padding-top:.25rem}.galaxy-legend{align-items:center;display:inline-flex;gap:.35rem;text-transform:lowercase}.galaxy-swatch{border-radius:50%;display:inline-block;height:7px;margin-left:.45rem;width:7px}.galaxy-swatch:first-child{margin-left:0}@media (prefers-reduced-motion:reduce){.galaxy-pulse{display:none}}.ai-lab{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:24px;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:480px;overflow:hidden;padding:1.25rem 1.25rem .85rem;position:relative;width:100%}.ai-lab-bar{background:#1db954;background:var(--primary);height:3px;left:0;position:absolute;top:0;width:100%}.ai-lab-header{border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border);gap:.85rem;padding-bottom:.75rem}.ai-lab-avatar,.ai-lab-header{align-items:center;display:flex}.ai-lab-avatar{background:#1db954;background:var(--primary);border-radius:12px;color:#0a0a0a;color:var(--bg);flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.ai-lab-meta{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ai-lab-title{align-items:center;color:#fff;color:var(--text);display:inline-flex;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;gap:.5rem;letter-spacing:-.01em}.ai-lab-tag{background:color-mix(in srgb,#1db954 22%,#0000);background:color-mix(in srgb,var(--primary) 22%,#0000);border-radius:4px;color:#1db954;color:var(--primary);font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:2px 6px;text-transform:uppercase}.ai-lab-subtitle{color:#b3b3b3;color:var(--text-muted);font-size:.76rem}.ai-lab-canvas{aspect-ratio:4/3;background:#242424;background:var(--surface-2);border:2px dashed #1db9542e;border:2px dashed var(--border);border-radius:16px;overflow:hidden;position:relative;transition:border-color .2s ease}.ai-lab-canvas.is-busy,.ai-lab-canvas:hover{border-color:#1db954;border-color:var(--primary)}.ai-lab-canvas img{display:block;height:100%;object-fit:cover;width:100%}.ai-lab-overlay{align-items:center;animation:ai-lab-pulse 1.2s ease-in-out infinite;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;color:#fff;display:flex;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;gap:.5rem;inset:0;justify-content:center;letter-spacing:.08em;position:absolute;text-transform:uppercase}@keyframes ai-lab-pulse{0%,to{opacity:1}50%{opacity:.55}}.ai-lab-fab{bottom:8px;display:flex;gap:6px;position:absolute;right:8px}.ai-lab-fab button{align-items:center;background:#0a0a0a;background:var(--bg);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:9px;color:#fff;color:var(--text);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.ai-lab-fab button:hover{background:#1db954;background:var(--primary);border-color:#1db954;border-color:var(--primary);color:#0a0a0a;color:var(--bg);transform:translateY(-1px)}.ai-lab-results{display:flex;flex-direction:column;gap:.55rem;min-height:110px}.ai-lab-empty{color:#b3b3b3;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem;padding:1rem 0;text-align:center}.ai-lab-pred{animation:ai-lab-fadein .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:4px}@keyframes ai-lab-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-lab-pred-row{align-items:center;display:flex;font-size:.78rem;justify-content:space-between}.ai-lab-pred-label{align-items:center;color:#fff;color:var(--text);display:inline-flex;font-weight:600;text-transform:capitalize}.ai-lab-pred-pct{color:#b3b3b3;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.ai-lab-pred-bar{background:#242424;background:var(--surface-2);border-radius:3px;height:5px;overflow:hidden}.ai-lab-pred-bar-fill{background:#1db954;background:var(--primary);border-radius:3px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.ai-lab-pred:first-child .ai-lab-pred-bar-fill{box-shadow:0 0 12px #1db954;box-shadow:0 0 12px var(--primary)}.ai-lab-footer{color:#b3b3b3;color:var(--text-muted);font-size:.62rem;font-weight:600;letter-spacing:.1em;padding-top:.25rem;text-align:center;text-transform:uppercase}.nn-playground{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:24px;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:480px;overflow:hidden;padding:1.25rem 1.25rem 1rem;position:relative;width:100%}.nn-accent-bar{background:#1db954;background:var(--primary);height:3px;left:0;position:absolute;top:0;width:100%}.nn-header{border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border);gap:.85rem;padding-bottom:.75rem}.nn-avatar,.nn-header{align-items:center;display:flex}.nn-avatar{background:#1db954;background:var(--primary);border-radius:12px;color:#0a0a0a;color:var(--bg);flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.nn-meta{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.nn-title{align-items:center;color:#fff;color:var(--text);display:inline-flex;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;gap:.5rem;letter-spacing:-.01em}.nn-tag{background:color-mix(in srgb,#1db954 22%,#0000);background:color-mix(in srgb,var(--primary) 22%,#0000);border-radius:4px;color:#1db954;color:var(--primary);font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:2px 6px;text-transform:uppercase}.nn-subtitle{color:#b3b3b3;color:var(--text-muted);font-size:.78rem}.nn-reset{align-items:center;background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text);cursor:pointer;display:inline-flex;padding:6px 8px;transition:all .2s ease}.nn-reset:hover:not(:disabled){background:#1db954;background:var(--primary);border-color:#1db954;border-color:var(--primary);color:#0a0a0a;color:var(--bg)}.nn-reset:disabled{cursor:not-allowed;opacity:.4}.nn-svg{color:#b3b3b3;color:var(--text-muted);flex:1 1;height:100%;min-height:0;-webkit-user-select:none;user-select:none;width:100%}.nn-svg text{font-family:inherit}.nn-layer-label{fill:#b3b3b3;fill:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.15em}.nn-line{transition:all .35s ease}.nn-node{transition:r .35s cubic-bezier(.22,1,.36,1),fill .35s ease,filter .35s ease}.nn-input-label,.nn-output-label{fill:#b3b3b3;fill:var(--text-muted);font-size:11px;font-weight:600;transition:fill .3s ease}.nn-input-label.is-active,.nn-output-label.is-pred{fill:#fff;fill:var(--text);font-size:12px}.nn-output-label.is-pred{font-weight:700}.nn-input-group:hover .nn-node{r:14}.nn-tip{border:1px solid #1db9542e;border:1px solid var(--border);border-radius:10px;color:#b3b3b3;color:var(--text-muted);font-size:.82rem;padding:.55rem;text-align:center}.nn-result,.nn-tip{background:#242424;background:var(--surface-2)}.nn-result{border:1px solid #1db954;border:1px solid var(--primary);border-radius:12px;display:block;padding:.7rem .95rem;text-decoration:none;transition:all .25s ease}.nn-result:hover{box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);transform:translateY(-2px)}.nn-result-label{color:#b3b3b3;color:var(--text-muted);font-size:.66rem;font-weight:600;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.nn-result-card{align-items:center;color:#fff;color:var(--text);display:flex;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;justify-content:space-between}.nn-result-action{align-items:center;color:#1db954;color:var(--primary);display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem}.ai-assistant{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:24px;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;height:100%;max-height:100%;overflow:hidden;padding:1.5rem 1.5rem 1.25rem;position:relative;width:100%}@media (max-width:767px){.ai-assistant{border-radius:20px;gap:.75rem;padding:1.1rem 1.1rem .9rem}}.ai-bar{background:#1db954;background:var(--primary);height:3px;left:0;position:absolute;top:0;width:100%}.ai-header{border-bottom:1px solid #1db9542e;border-bottom:1px solid var(--border);gap:.85rem;padding-bottom:.75rem}.ai-avatar,.ai-header{align-items:center;display:flex}.ai-avatar{background:#1db954;background:var(--primary);border-radius:12px;color:#0a0a0a;color:var(--bg);flex-shrink:0;font-size:1.15rem;height:42px;justify-content:center;width:42px}.ai-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ai-title{color:#fff;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.ai-status,.ai-title{align-items:center;display:inline-flex}.ai-status{color:#b3b3b3;color:var(--text-muted);font-size:.75rem;gap:.5rem}.ai-pulse{background:#22c55e;border-radius:50%;flex-shrink:0;height:8px;position:relative;width:8px}.ai-pulse:after{animation:ai-pulse-ring 1.8s ease-out infinite;background:inherit;border-radius:50%;content:"";inset:-2px;opacity:.6;position:absolute}@keyframes ai-pulse-ring{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(2.4)}}.ai-messages{display:flex;flex:1 1;flex-direction:column;gap:.6rem;min-height:0;overflow-y:auto;padding-right:4px}.ai-messages::-webkit-scrollbar{width:4px}.ai-messages::-webkit-scrollbar-thumb{background:#1db9542e;background:var(--border);border-radius:2px}.ai-bubble{word-wrap:break-word;animation:ai-bubble-in .35s cubic-bezier(.22,1,.36,1);border-radius:14px;font-size:.875rem;line-height:1.55;max-width:88%;padding:.7rem .95rem}@keyframes ai-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-bubble-assistant{align-self:flex-start;background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-bottom-left-radius:4px;color:#fff;color:var(--text)}.ai-bubble-user{align-self:flex-end;background:#1db954;background:var(--primary);border-bottom-right-radius:4px;color:#0a0a0a;color:var(--bg);font-weight:500}.ai-typing-block{display:flex;flex-direction:column;gap:6px;padding:.75rem 1rem}.ai-tool-label{align-items:center;color:#1db954;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ai-tool-label,.ai-typing{display:inline-flex;gap:5px}.ai-typing{padding:0}.ai-typing span{animation:ai-typing-bounce 1.2s ease-in-out infinite;background:#b3b3b3;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.ai-typing span:nth-child(2){animation-delay:.15s}.ai-typing span:nth-child(3){animation-delay:.3s}@keyframes ai-typing-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ai-suggestions{display:flex;flex-wrap:wrap;gap:.4rem}.ai-chip{background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:9999px;color:#fff;color:var(--text);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:500;padding:.45rem .85rem;transition:all .2s ease}.ai-chip:hover:not(:disabled){background:#1db954;background:var(--primary);border-color:#1db954;border-color:var(--primary);color:#0a0a0a;color:var(--bg);transform:translateY(-1px)}.ai-chip:disabled{cursor:not-allowed;opacity:.5}.ai-input-row{align-items:center;background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:12px;display:flex;gap:.5rem;padding:.35rem .5rem .35rem .85rem}.ai-input-row input{background:#0000;border:none;color:#fff;color:var(--text);flex:1 1;font-family:inherit;font-size:.875rem;outline:none;padding:.5rem 0}.ai-input-row input::placeholder{color:#b3b3b3;color:var(--text-muted)}.ai-input-row button{align-items:center;background:#1db954;background:var(--primary);border:none;border-radius:8px;color:#0a0a0a;color:var(--bg);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ai-input-row button:disabled{cursor:not-allowed;opacity:.4}.ai-input-row button:hover:not(:disabled){transform:translateY(-1px)}.ai-project-card{align-items:center;background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:.7rem;isolation:isolate;margin:.5rem 0;padding:.55rem .65rem;position:relative;text-decoration:none;transition:all .2s ease}.ai-project-card:hover{border-color:#1db954;border-color:var(--primary);box-shadow:0 8px 18px color-mix(in srgb,#1db954 18%,#0000);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 18%,#0000);transform:translateY(-1px)}.ai-project-card img{background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:8px;flex-shrink:0;height:46px;object-fit:cover;width:46px}.ai-project-card-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ai-project-card-title{color:#fff;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.86rem;font-weight:700;letter-spacing:-.005em}.ai-project-card-blurb,.ai-project-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-project-card-blurb{color:#b3b3b3;color:var(--text-muted);font-size:.72rem}.ai-project-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.ai-project-card-tags span{background:#242424;background:var(--surface-2);border-radius:9999px;color:#1db954;color:var(--primary);font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:1px 6px;text-transform:uppercase}.ai-project-card-arrow{color:#b3b3b3;color:var(--text-muted);flex-shrink:0;transition:transform .2s ease,color .2s ease}.ai-project-card:hover .ai-project-card-arrow{color:#1db954;color:var(--primary);transform:translate(2px,-2px)}.hero-grid{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:1fr}.hero-visual{height:560px;margin:0 auto;max-width:480px;position:relative;width:100%}@media (min-width:1024px){.hero-grid{gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-content{max-width:none}.hero-visual{margin-left:auto;margin-right:0;max-width:540px;transform:translateX(32px)}}@media (min-width:1440px){.hero-visual{max-width:580px;transform:translateX(56px)}}@media (max-width:1023px){.hero-visual{height:520px;margin:0 auto;max-width:540px;transform:none}}@media (max-width:767px){.hero-visual{height:480px;max-width:100%}}@media (max-width:380px){.hero-visual{height:460px}}.aurora-orb{display:none!important}.scroll-progress{background:#1db954;background:var(--primary);height:3px;left:0;pointer-events:none;position:fixed;top:0;transform:scaleX(0);transform-origin:0 0;width:100%;will-change:transform;z-index:200}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.hero-dot-grid{background-image:radial-gradient(circle,color-mix(in srgb,#fff 22%,#0000) 1px,#0000 1.5px);background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 22%,#0000) 1px,#0000 1.5px);background-size:26px 26px;inset:0;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 25%,#0000 95%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 25%,#0000 95%);opacity:.55;pointer-events:none;position:absolute;z-index:0}.magnetic,.tilt{transition:transform .4s cubic-bezier(.22,1,.36,1)}.magnetic:hover,.tilt:hover{transition:transform .08s linear}:root{--glow-x:-9999;--glow-y:-9999;--glow-spot-size:240;--glow-border-size:1.5}.card,.glass,.glass-card{isolation:isolate;position:relative}.card:after,.card:before,.glass-card:after,.glass-card:before,.glass:after,.glass:before{background-attachment:fixed;background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:inherit;content:"";inset:0;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1.5px;padding:calc(var(--glow-border-size)*1px);pointer-events:none;position:absolute;z-index:-1}.card:before,.glass-card:before,.glass:before{background-image:radial-gradient(240px 240px at -9999px -9999px,#1db954,#0000 70%);background-image:radial-gradient(calc(var(--glow-spot-size)*1px) calc(var(--glow-spot-size)*1px) at calc(var(--glow-x, 0)*1px) calc(var(--glow-y, 0)*1px),var(--primary),#0000 70%);filter:brightness(1.25)}.card:after,.glass-card:after,.glass:after{background-image:radial-gradient(132px 132px at -9999px -9999px,color-mix(in srgb,#fff 70%,#0000),#0000 70%);background-image:radial-gradient(calc(var(--glow-spot-size)*.55*1px) calc(var(--glow-spot-size)*.55*1px) at calc(var(--glow-x, 0)*1px) calc(var(--glow-y, 0)*1px),color-mix(in srgb,var(--text) 70%,#0000),#0000 70%)}@media (hover:none){.card:after,.card:before,.glass-card:after,.glass-card:before,.glass:after,.glass:before{display:none}}@media (prefers-reduced-motion:reduce){.card:after,.card:before,.glass-card:after,.glass-card:before,.glass:after,.glass:before{display:none}}.cpu-architecture-svg{color:#b3b3b3;color:var(--text-muted)}.cpu-architecture{offset-distance:0;offset-rotate:0deg}.cpu-line-1{animation:cpu-line-flow 8s linear infinite;offset-path:path("M 10 20 h 79.5 q 5 0 5 5 v 24")}.cpu-line-2{animation:cpu-line-flow 8s linear 1s infinite;offset-path:path("M 180 10 h -69.7 q -5 0 -5 5 v 24")}.cpu-line-3{animation:cpu-line-flow 8s linear 2s infinite;offset-path:path("M 130 20 v 21.8 q 0 5 -5 5 h -10")}.cpu-line-4{animation:cpu-line-flow 8s linear 3s infinite;offset-path:path("M 170 80 v -21.8 q 0 -5 -5 -5 h -50")}.cpu-line-5{animation:cpu-line-flow 8s linear 4s infinite;offset-path:path("M 135 65 h 15 q 5 0 5 5 v 10 q 0 5 -5 5 h -39.8 q -5 0 -5 -5 v -20")}.cpu-line-6{animation:cpu-line-flow 8s linear 5s infinite;offset-path:path("M 94.8 95 v -36")}.cpu-line-7{animation:cpu-line-flow 8s linear 6s infinite;offset-path:path("M 88 88 v -15 q 0 -5 -5 -5 h -10 q -5 0 -5 -5 v -5 q 0 -5 5 -5 h 14")}.cpu-line-8{animation:cpu-line-flow 8s linear 7s infinite;offset-path:path("M 30 30 h 25 q 5 0 5 5 v 6.5 q 0 5 5 5 h 20")}@keyframes cpu-line-flow{0%{offset-distance:0;opacity:0}5%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@media (prefers-reduced-motion:reduce){.cpu-line-1,.cpu-line-2,.cpu-line-3,.cpu-line-4,.cpu-line-5,.cpu-line-6,.cpu-line-7,.cpu-line-8{animation:none;opacity:0}}.form-control{background:#242424;background:var(--surface-2);border:1px solid #1db9542e;border:1px solid var(--border);color:#fff;color:var(--text);font-family:Inter,sans-serif;font-size:1rem;padding:1rem 1.1rem;transition:all .3s ease;width:100%}[data-vibe=glass] .form-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}[data-vibe=bento] .form-control{background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:16px}.form-control:focus{border-color:#1db954;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,#1db954 20%,#0000);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,#0000);outline:none}textarea.form-control{min-height:150px;resize:vertical}.social-links{display:flex;gap:.75rem}.social-link{align-items:center;background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);color:#fff;color:var(--text);display:inline-flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}[data-vibe=glass] .social-link{border-radius:50%}[data-vibe=glass] .social-link:hover{background:#1db954;background:var(--gradient-1);border-color:#0000;box-shadow:0 0 32px #1db9544d;box-shadow:var(--glow);color:#fff;transform:translateY(-4px)}[data-vibe=bento] .social-link{background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:16px}[data-vibe=bento] .social-link:hover{background:#1db954;background:var(--gradient-1);border-color:#0000;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);color:#fff;transform:translateY(-4px)}.footer{background-color:#121212;background-color:var(--bg-alt);padding:4rem 0 2rem;position:relative}.footer,[data-vibe=bento] .footer{border-top:1px solid #1db9542e;border-top:1px solid var(--border)}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.footer-content{grid-template-columns:1fr}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#121212;background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:#1db954;background:var(--gradient-1);border:2px solid #121212;border:2px solid var(--bg-alt);border-radius:10px}[data-vibe=bento] ::-webkit-scrollbar-thumb{background:#1db954;background:var(--gradient-1);border-radius:10px}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 12s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-animate{animation:gradient-shift 15s ease infinite;background-size:200% 200%}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #1db954;box-shadow:0 0 8px var(--primary)}50%{box-shadow:0 0 22px #1db954;box-shadow:0 0 22px var(--primary)}}.active-category{animation:pulse-glow 2.5s infinite}.loader{align-items:center;background-color:#0a0a0a;background-color:var(--bg);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loader-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #1db9542e;border-radius:50%;border-top-color:#1db954;border:3px solid var(--border);border-top-color:var(--primary);height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.swiper{height:100%;width:100%}.swiper-slide{align-items:center;display:flex;justify-content:center}.swiper-button-next,.swiper-button-prev{background:color-mix(in srgb,#0a0a0a 70%,#0000);background:color-mix(in srgb,var(--bg) 70%,#0000);border-radius:50%;color:#fff!important;color:var(--text)!important;width:44px}.swiper-button-next:hover,.swiper-button-prev:hover{background:#1db954;background:var(--primary);color:#0a0a0a!important;color:var(--bg)!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:16px;font-weight:700}.swiper-pagination-bullet{background:#b3b3b3!important;background:var(--text-muted)!important;height:10px;opacity:.5;width:10px}.swiper-pagination-bullet-active{background:#1db954!important;background:var(--primary)!important;border-radius:5px;width:30px}.project-fullview{background-color:#0a0a0a;background-color:var(--bg)}.project-fullview::-webkit-scrollbar{width:12px}.project-fullview::-webkit-scrollbar-thumb{background:#1db954;background:var(--gradient-1);border-radius:10px}.project-gallery-image{border:2px solid #0000;transition:all .3s ease}.project-gallery-image:hover{border-color:#1db954;border-color:var(--primary);transform:scale(1.02)}.project-card{cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}[data-vibe=glass] .project-card{border-radius:20px}[data-vibe=bento] .project-card{background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);border-radius:28px;box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow)}[data-vibe=bento] .project-card:hover{border-color:#1db954;border-color:var(--primary);box-shadow:0 26px 60px #0003;transform:translateY(-6px)}.theme-btn,.theme-switch{align-items:center;display:inline-flex;gap:.5rem}.theme-btn{background:#1a1a1a;background:var(--surface);border:1px solid #1db9542e;border:1px solid var(--border);color:#fff;color:var(--text);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem .85rem;transition:all .3s ease}[data-vibe=glass] .theme-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px}[data-vibe=glass] .theme-btn:hover{border-color:#1db954;border-color:var(--primary);transform:translateY(-2px)}[data-vibe=bento] .theme-btn{border:1px solid #1db9542e;border:1px solid var(--border);border-radius:14px}[data-vibe=bento] .theme-btn:hover{border-color:#1db954;border-color:var(--primary);box-shadow:0 14px 32px #00000080;box-shadow:var(--shadow);transform:translateY(-2px)}.theme-swatches{display:inline-flex;gap:3px}.theme-swatches span{border:1px solid color-mix(in srgb,#fff 30%,#0000);border:1px solid color-mix(in srgb,var(--text) 30%,#0000);border-radius:50%;height:10px;width:10px}[data-vibe=bento] .theme-swatches span{border-radius:4px}@media (max-width:768px){.container{padding:0 1rem}section{padding:70px 0}body{padding-top:64px}.navbar{height:64px}}.hover\:bg-black\/30:hover{background-color:#0000004d}.hover\:bg-black\/70:hover{background-color:#000000b3}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:mb-16{margin-bottom:4rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:block{display:block}.md\:h-\[75vh\]{height:75vh}.md\:w-\[calc\(50\%-2\.5rem\)\]{width:calc(50% - 2.5rem)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:justify-between{justify-content:space-between}.md\:gap-3{gap:.75rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:p-8{padding:2rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-2{padding-bottom:.5rem;padding-top:.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-8{top:2rem}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:gap-16{gap:4rem}}.App{background-color:var(--bg);color:var(--text);min-height:100vh;transition:background-color .6s ease,color .6s ease}.App,main{width:100%}.hero-bg-gradient{display:none}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.about-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-image{overflow:hidden;position:relative}.about-image img{display:block;height:auto;width:100%}[data-vibe=glass] .about-image,[data-vibe=glass] .about-image img{border-radius:24px}[data-vibe=glass] .about-image:before{border:2px solid var(--primary);border-radius:28px;content:"";inset:-12px -12px 12px -12px;opacity:.6;position:absolute;z-index:-1}[data-vibe=bento] .about-image,[data-vibe=bento] .about-image img{border-radius:28px}[data-vibe=bento] .about-image{box-shadow:var(--shadow)}[data-vibe=bento] .about-image:before{background:var(--primary);border-radius:32px;content:"";inset:-14px -14px 14px -14px;opacity:.18;position:absolute;z-index:-1}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);margin-top:3rem;padding-top:1.5rem;text-align:center}.section-wrapper{overflow:hidden;position:relative;width:100%}.section-content{position:relative;z-index:2}.content-wrapper{overflow:hidden;width:100%}.main-content{width:100%}@media screen and (max-width:768px){.about-grid{gap:2rem;grid-template-columns:1fr}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;overflow:clip;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.logo-wrapper{align-items:center;background:var(--bg);box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:20px;width:100%}.logo-container{flex-direction:column;gap:200px}.logo-container,.svg-container{align-items:center;display:flex;justify-content:center;max-width:600px;width:100%}.svg-container{aspect-ratio:1/1}.logo-svg{height:100%;max-width:600px;width:100%}.logo-paths{opacity:1}.logo-path{stroke:var(--primary);stroke-dasharray:4000;stroke-dashoffset:4000;fill:#0000;animation:drawPath 3s ease-in-out forwards,fillPrimary .5s ease-in 3s forwards}.logo-path:nth-child(2){animation:drawPath 3s ease-in-out .5s forwards,fillPrimary .5s ease-in 3s forwards}.logo-path:nth-child(3){animation:drawPath 3s ease-in-out 1s forwards,fillPrimary .5s ease-in 3s forwards}.name-text{word-wrap:break-word;animation:fadeIn .5s ease-in 3s forwards;color:var(--primary);font-family:Inter,sans-serif;font-size:45px;font-weight:700;left:50%;letter-spacing:4px;opacity:0;position:absolute;text-align:center;text-shadow:0 0 24px color-mix(in srgb,var(--primary) 35%,#0000);top:50%;transform:translate(-50%,200px);width:100%}@media screen and (max-width:768px){.logo-container{gap:200px;max-width:400px}.name-text{font-size:32px;letter-spacing:2px}}@media screen and (max-width:480px){.logo-container{gap:100px;max-width:300px}.name-text{font-size:24px;letter-spacing:1px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes fillPrimary{0%{fill:#0000}to{fill:var(--primary)}}.logo_wrapper{align-items:center;background-color:var(--bg);height:100vh;justify-content:center;width:100vw}.logo_wrapper,.splash-screen{left:0;position:fixed;top:0;z-index:9999}.splash-screen{animation:fadeOut .5s ease-in 4.7s forwards;background:var(--bg);height:100%;width:100%}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}