@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");*,: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:rgb(59 130 246/0.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/0.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: }

/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{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,pre,samp{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,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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[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}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-1\/3{bottom:33.333333%}.bottom-1\/4{bottom:25%}.left-0{left:0}.left-1\/4{left:25%}.left-\[10\%\]{left:10%}.right-0{right:0}.right-1\/3{right:33.333333%}.right-1\/4{right:25%}.right-\[10\%\]{right:10%}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-1\/4{top:25%}.top-2\/3{top:66.666667%}.z-0{z-index:0}.z-10{z-index:10}.z-\[5\]{z-index:5}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-16{margin-top:4rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-80{height:20rem}.h-96{height:24rem}.h-\[50vh\]{height:50vh}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.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))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.border{border-width:1px}.border-\[1\.5px\]{border-width:1.5px}.border-black\/\[0\.08\]{border-color:rgb(0 0 0/.08)}.border-violet-400\/60{border-color:rgb(167 139 250/.6)}.bg-background{background-color:hsl(var(--background))}.bg-pink-300\/60{background-color:rgb(249 168 212/.6)}.bg-pink-400\/60{background-color:rgb(244 114 182/.6)}.bg-pink-500\/20{background-color:rgb(236 72 153/.2)}.bg-purple-300\/60{background-color:rgb(216 180 254/.6)}.bg-purple-400\/60{background-color:rgb(192 132 252/.6)}.bg-purple-500\/20{background-color:rgb(168 85 247/.2)}.bg-violet-300\/60{background-color:rgb(196 181 253/.6)}.bg-violet-400\/40{background-color:rgb(167 139 250/.4)}.bg-violet-400\/50{background-color:rgb(167 139 250/.5)}.bg-white\/5{background-color:rgb(255 255 255/.05)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-700\/90{--tw-gradient-from:rgb(51 65 85/0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(51 65 85/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-400\/40{--tw-gradient-from:rgb(167 139 250/0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(167 139 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-400\/70{--tw-gradient-from:rgb(167 139 250/0.7) var(--tw-gradient-from-position);--tw-gradient-to:rgb(167 139 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-400\/80{--tw-gradient-from:rgb(167 139 250/0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(167 139 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/10{--tw-gradient-from:rgb(255 255 255/0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-purple-400{--tw-gradient-to:rgb(192 132 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c084fc var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-800\/70{--tw-gradient-to:rgb(30 41 59/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(30 41 59/0.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-violet-400\/20{--tw-gradient-to:rgb(167 139 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(167 139 250/0.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-pink-400{--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}.to-slate-900\/50{--tw-gradient-to:rgb(15 23 42/0.5) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-violet-400\/20{--tw-gradient-to:rgb(167 139 250/0.2) var(--tw-gradient-to-position)}.to-violet-400\/50{--tw-gradient-to:rgb(167 139 250/0.5) var(--tw-gradient-to-position)}.to-violet-600\/90{--tw-gradient-to:rgb(124 58 237/0.9) var(--tw-gradient-to-position)}.to-white\/5{--tw-gradient-to:rgb(255 255 255/0.05) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.text-center{text-align:center}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.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-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.leading-\[1\.05\]{line-height:1.05}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.shadow-\[0_0_12px_rgba\(30\2c 30\2c 40\2c 0\.6\)\]{--tw-shadow:0 0 12px rgba(30,30,40,0.6);--tw-shadow-colored:0 0 12px 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-\[0_0_16px_rgba\(30\2c 30\2c 40\2c 0\.7\)\]{--tw-shadow:0 0 16px rgba(30,30,40,0.7);--tw-shadow-colored:0 0 16px 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-\[0_0_20px_rgba\(30\2c 30\2c 40\2c 0\.8\)\]{--tw-shadow:0 0 20px rgba(30,30,40,0.8);--tw-shadow-colored:0 0 20px 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-\[0_1px_6px_rgba\(139\2c 92\2c 246\2c 0\.5\)\2c inset_-0\.5px_-0\.5px_1px_rgba\(0\2c 0\2c 0\2c 0\.12\)\2c inset_0\.5px_0\.5px_1px_rgba\(255\2c 255\2c 255\2c 0\.6\)\]{--tw-shadow:0 1px 6px rgba(139,92,246,0.5),inset -0.5px -0.5px 1px rgba(0,0,0,0.12),inset 0.5px 0.5px 1px rgba(255,255,255,0.6);--tw-shadow-colored:0 1px 6px var(--tw-shadow-color),inset -0.5px -0.5px 1px var(--tw-shadow-color),inset 0.5px 0.5px 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-\[0_1px_8px_rgba\(139\2c 92\2c 246\2c 0\.6\)\2c inset_-0\.5px_-0\.5px_1\.5px_rgba\(0\2c 0\2c 0\2c 0\.12\)\2c inset_0\.5px_0\.5px_1\.5px_rgba\(255\2c 255\2c 255\2c 0\.6\)\]{--tw-shadow:0 1px 8px rgba(139,92,246,0.6),inset -0.5px -0.5px 1.5px rgba(0,0,0,0.12),inset 0.5px 0.5px 1.5px rgba(255,255,255,0.6);--tw-shadow-colored:0 1px 8px var(--tw-shadow-color),inset -0.5px -0.5px 1.5px var(--tw-shadow-color),inset 0.5px 0.5px 1.5px 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-\[0_2px_10px_rgba\(139\2c 92\2c 246\2c 0\.7\)\2c inset_-1px_-1px_2px_rgba\(0\2c 0\2c 0\2c 0\.15\)\2c inset_1px_1px_2px_rgba\(255\2c 255\2c 255\2c 0\.6\)\]{--tw-shadow:0 2px 10px rgba(139,92,246,0.7),inset -1px -1px 2px rgba(0,0,0,0.15),inset 1px 1px 2px rgba(255,255,255,0.6);--tw-shadow-colored:0 2px 10px var(--tw-shadow-color),inset -1px -1px 2px var(--tw-shadow-color),inset 1px 1px 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)}.blur-3xl{--tw-blur:blur(64px);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-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-filter{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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;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}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}html{scroll-behavior:smooth!important}:root[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--text-primary:#1a1a1a;--text-secondary:rgba(0,0,0,0.7);--text-tertiary:rgba(0,0,0,0.5);--border:rgba(0,0,0,0.08);--border-hover:rgba(0,0,0,0.15);--accent:#8F68C7;--accent-hover:#7D56B5;--accent-glow:rgba(143,104,199,0.2);--glass-bg:rgba(240,240,242,0.7);--glass-border:rgba(255,255,255,0.95);--card-bg:rgba(240,240,242,0.7);--card-hover:rgba(255,255,255,0.85);--node-color:#8F68C7;--grid-color:rgba(143,104,199,0.12)}:root[data-theme=dark]{--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-tertiary:#111111;--text-primary:#ffffff;--text-secondary:rgba(240,240,242,0.7);--text-tertiary:rgba(255,255,255,0.5);--border:rgba(255,255,255,0.1);--border-hover:rgba(255,255,255,0.2);--accent:#A88CD4;--accent-hover:#9678C3;--accent-glow:rgba(168,140,212,0.35);--glass-bg:rgba(255,255,255,0.08);--glass-border:rgba(255,255,255,0.18);--card-bg:#0a0a0a;--card-hover:#111111;--node-color:#A88CD4;--grid-color:rgba(168,140,212,0.18)}*{border-color:hsl(var(--border))}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:transform:hover{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))}.hover\:border-violet-400\/50:hover{border-color:rgb(167 139 250/.5)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 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)}.hover\:shadow-violet-500\/20:hover{--tw-shadow-color:rgb(139 92 246/0.2);--tw-shadow:var(--tw-shadow-colored)}.dark\:border-white\/10:is(.dark *){border-color:rgb(255 255 255/.1)}.dark\:bg-black\/20:is(.dark *){background-color:rgb(0 0 0/.2)}.dark\:from-black\/20:is(.dark *){--tw-gradient-from:rgb(0 0 0/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-violet-200\/90:is(.dark *){--tw-gradient-from:rgb(221 214 254/0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(221 214 254/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-violet-300:is(.dark *){--tw-gradient-from:#c4b5fd var(--tw-gradient-from-position);--tw-gradient-to:rgb(196 181 253/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-violet-500\/5:is(.dark *){--tw-gradient-from:rgb(139 92 246/0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(139 92 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:via-violet-300\/70:is(.dark *){--tw-gradient-to:rgb(196 181 253/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(196 181 253/0.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-violet-400\/30:is(.dark *){--tw-gradient-to:rgb(167 139 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(167 139 250/0.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:to-black\/10:is(.dark *){--tw-gradient-to:rgb(0 0 0/0.1) var(--tw-gradient-to-position)}.dark\:to-violet-400\/50:is(.dark *){--tw-gradient-to:rgb(167 139 250/0.5) var(--tw-gradient-to-position)}.dark\:to-violet-500:is(.dark *){--tw-gradient-to:#8b5cf6 var(--tw-gradient-to-position)}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-violet-400:is(.dark *){--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-white\/90:is(.dark *){color:rgb(255 255 255/.9)}.dark\:shadow-\[0_0_12px_rgba\(220\2c 220\2c 235\2c 0\.6\)\]:is(.dark *){--tw-shadow:0 0 12px rgba(220,220,235,0.6);--tw-shadow-colored:0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_16px_rgba\(220\2c 220\2c 235\2c 0\.7\)\]:is(.dark *){--tw-shadow:0 0 16px rgba(220,220,235,0.7);--tw-shadow-colored:0 0 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_20px_rgba\(220\2c 220\2c 235\2c 0\.8\)\]:is(.dark *){--tw-shadow:0 0 20px rgba(220,220,235,0.8);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_1px_6px_rgba\(139\2c 92\2c 246\2c 0\.5\)\2c inset_-0\.5px_-0\.5px_1px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c inset_0\.5px_0\.5px_1px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]:is(.dark *){--tw-shadow:0 1px 6px rgba(139,92,246,0.5),inset -0.5px -0.5px 1px rgba(0,0,0,0.3),inset 0.5px 0.5px 1px rgba(255,255,255,0.3);--tw-shadow-colored:0 1px 6px var(--tw-shadow-color),inset -0.5px -0.5px 1px var(--tw-shadow-color),inset 0.5px 0.5px 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)}.dark\:shadow-\[0_1px_8px_rgba\(139\2c 92\2c 246\2c 0\.6\)\2c inset_-0\.5px_-0\.5px_1\.5px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c inset_0\.5px_0\.5px_1\.5px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]:is(.dark *){--tw-shadow:0 1px 8px rgba(139,92,246,0.6),inset -0.5px -0.5px 1.5px rgba(0,0,0,0.3),inset 0.5px 0.5px 1.5px rgba(255,255,255,0.3);--tw-shadow-colored:0 1px 8px var(--tw-shadow-color),inset -0.5px -0.5px 1.5px var(--tw-shadow-color),inset 0.5px 0.5px 1.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_2px_10px_rgba\(139\2c 92\2c 246\2c 0\.7\)\2c inset_-1px_-1px_2px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c inset_1px_1px_2px_rgba\(255\2c 255\2c 255\2c 0\.4\)\]:is(.dark *){--tw-shadow:0 2px 10px rgba(139,92,246,0.7),inset -1px -1px 2px rgba(0,0,0,0.4),inset 1px 1px 2px rgba(255,255,255,0.4);--tw-shadow-colored:0 2px 10px var(--tw-shadow-color),inset -1px -1px 2px var(--tw-shadow-color),inset 1px 1px 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)}.dark\:hover\:border-violet-400\/70:hover:is(.dark *){border-color:rgb(167 139 250/.7)}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-6{gap:1.5rem}.md\:p-6{padding:1.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:mt-32{margin-top:8rem}.lg\:block{display:block}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:text-8xl{font-size:6rem;line-height:1}}@keyframes floatWave1{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(50px,-30px) scale(1.1);opacity:.5}50%{transform:translate(100px,20px) scale(.9);opacity:.4}75%{transform:translate(30px,50px) scale(1.05);opacity:.45}}@keyframes floatWave2{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(-40px,40px) scale(1.08);opacity:.48}50%{transform:translate(-80px,-20px) scale(.92);opacity:.38}75%{transform:translate(-20px,-50px) scale(1.03);opacity:.42}}@keyframes floatParticle{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(30px,-40px) scale(1.5);opacity:.6}50%{transform:translate(-20px,-80px) scale(1);opacity:.4}75%{transform:translate(-40px,-40px) scale(1.3);opacity:.5}}@keyframes floatRotate1{0%,to{transform:translate(0) rotate(45deg) scale(1);opacity:.15}25%{transform:translate(30px,-20px) rotate(90deg) scale(1.1);opacity:.25}50%{transform:translate(60px,10px) rotate(135deg) scale(.9);opacity:.2}75%{transform:translate(20px,30px) rotate(180deg) scale(1.05);opacity:.18}}@keyframes floatRotate2{0%,to{transform:translate(0) rotate(0deg) scale(1);opacity:.12}33%{transform:translate(-25px,35px) rotate(120deg) scale(1.15);opacity:.2}66%{transform:translate(-50px,-15px) rotate(240deg) scale(.95);opacity:.15}}@keyframes floatRotate3{0%,to{transform:translate(0) rotate(0deg) scale(1);opacity:.1}20%{transform:translate(40px,-30px) rotate(72deg) scale(1.08);opacity:.18}40%{transform:translate(70px,20px) rotate(144deg) scale(.92);opacity:.14}60%{transform:translate(50px,40px) rotate(216deg) scale(1.05);opacity:.16}80%{transform:translate(10px,-10px) rotate(288deg) scale(.98);opacity:.12}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1);box-shadow:0 0 12px rgba(220,220,235,.6),0 0 24px rgba(200,200,220,.3),inset -1px -1px 2px rgba(255,255,255,.4),inset 1px 1px 2px rgba(0,0,0,.2)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 20px rgba(240,240,255,.8),0 0 40px rgba(220,220,240,.5),inset -1px -1px 2px rgba(255,255,255,.6),inset 1px 1px 2px rgba(0,0,0,.2)}}@keyframes lineGlow{0%,to{opacity:.15}50%{opacity:.4}}@keyframes lineFlow{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes gradientFlow{0%{background-position:0 50%}12%{background-position:30% 85%}24%{background-position:85% 65%}36%{background-position:45% 15%}48%{background-position:95% 35%}60%{background-position:25% 90%}72%{background-position:75% 10%}84%{background-position:15% 60%}96%{background-position:60% 25%}to{background-position:0 50%}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.liquid-background{position:absolute;top:0;left:0;right:0;width:100%;height:120%;z-index:0;pointer-events:none}.liquid-background:before{top:-20%;left:-10%;width:800px;height:800px;background:radial-gradient(circle at center,rgba(168,140,212,.15) 0,rgba(168,140,212,.05) 40%,transparent 70%);animation:floatWave1 20s ease-in-out infinite;filter:blur(60px)}.liquid-background:after,.liquid-background:before{content:"";position:absolute;border-radius:50%;transition:background .3s ease}.liquid-background:after{bottom:-20%;right:-10%;width:700px;height:700px;background:radial-gradient(circle at center,rgba(200,200,235,.12) 0,rgba(180,180,220,.06) 40%,transparent 70%);animation:floatWave2 25s ease-in-out infinite;filter:blur(80px)}:root[data-theme=light] .liquid-background:before{background:radial-gradient(circle at center,rgba(139,92,246,.15) 0,rgba(168,85,247,.08) 40%,rgba(217,70,239,.03) 60%,transparent 80%);filter:blur(80px)}:root[data-theme=light] .liquid-background:after{background:radial-gradient(circle at center,rgba(124,58,237,.12) 0,rgba(147,51,234,.06) 40%,rgba(192,132,252,.03) 60%,transparent 80%);filter:blur(100px)}.floating-particle{position:absolute;background:linear-gradient(135deg,rgba(220,220,235,1),rgba(180,180,200,.8));border-radius:50%;box-shadow:0 0 8px rgba(220,220,235,.5),0 0 16px rgba(200,200,220,.3),inset -1px -1px 1px rgba(255,255,255,.5),inset 1px 1px 1px rgba(0,0,0,.2)}:root[data-theme=light] .floating-particle{background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(168,85,247,.3));box-shadow:0 0 10px rgba(139,92,246,.3),0 0 20px rgba(168,85,247,.2),inset -1px -1px 2px rgba(255,255,255,.6),inset 1px 1px 2px rgba(139,92,246,.3)}.floating-particle:first-child,.floating-particle:nth-child(4){width:3px;height:3px;opacity:.3;animation-duration:25s}.floating-particle:nth-child(2),.floating-particle:nth-child(5){width:4px;height:4px;opacity:.5;animation-duration:20s}.floating-particle:nth-child(3),.floating-particle:nth-child(6){width:5px;height:5px;opacity:.7;animation-duration:15s}.floating-particle:first-child{top:20%;left:20%;animation:floatParticle 15s ease-in-out infinite}.floating-particle:nth-child(2){top:60%;left:80%;animation:floatParticle 18s ease-in-out 2s infinite}.floating-particle:nth-child(3){top:40%;left:60%;animation:floatParticle 20s ease-in-out 4s infinite}.floating-particle:nth-child(4){top:70%;left:30%;animation:floatParticle 22s ease-in-out 6s infinite}.floating-particle:nth-child(5){top:30%;left:90%;animation:floatParticle 16s ease-in-out 3s infinite}.floating-particle:nth-child(6){top:80%;left:70%;animation:floatParticle 19s ease-in-out 5s infinite}.geometric-shape{position:absolute;border:1px solid rgba(200,200,235,.15);background:linear-gradient(135deg,rgba(220,220,235,.03),rgba(180,180,220,.01));backdrop-filter:blur(2px)}:root[data-theme=light] .geometric-shape{border:1px solid rgba(139,92,246,.2);background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(168,85,247,.02));backdrop-filter:blur(4px);box-shadow:0 0 20px rgba(139,92,246,.1)}.geometric-shape:nth-child(7){width:100px;height:100px;top:20%;left:15%;transform:rotate(45deg);animation:floatRotate1 30s ease-in-out infinite}.geometric-shape:nth-child(8){width:80px;height:80px;top:60%;right:20%;clip-path:polygon(50% 0,100% 100%,0 100%);animation:floatRotate2 25s ease-in-out infinite}.geometric-shape:nth-child(9){width:120px;height:60px;bottom:25%;left:25%;clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);animation:floatRotate3 35s ease-in-out infinite}.constellation{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:auto}.constellation-node{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,rgba(220,220,235,.9),rgba(180,180,200,.7) 50%,rgba(160,160,180,.5));border-radius:50%;box-shadow:0 0 12px rgba(220,220,235,.6),0 0 24px rgba(200,200,220,.3),inset -1px -1px 2px rgba(255,255,255,.4),inset 1px 1px 2px rgba(0,0,0,.2);animation:pulse 3s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.constellation-node:hover{transform:scale(2)!important;background:linear-gradient(135deg,rgba(240,240,255,1),rgba(200,200,230,.9) 50%,rgba(180,180,210,.7));box-shadow:0 0 20px rgba(240,240,255,.8),0 0 40px rgba(220,220,240,.5),inset -1px -1px 3px rgba(255,255,255,.6),inset 1px 1px 3px rgba(0,0,0,.3);animation:none;opacity:1}.constellation-node-medium{width:10px;height:10px;box-shadow:0 0 16px rgba(220,220,235,.7),0 0 32px rgba(200,200,220,.4),inset -1px -1px 3px rgba(255,255,255,.5),inset 1px 1px 3px rgba(0,0,0,.25)}.constellation-node-large{width:14px;height:14px;box-shadow:0 0 20px rgba(220,220,235,.8),0 0 40px rgba(200,200,220,.5),inset -2px -2px 4px rgba(255,255,255,.6),inset 2px 2px 4px rgba(0,0,0,.3)}.constellation-line{position:absolute;height:1.5px;background:linear-gradient(90deg,transparent,rgba(200,200,220,.5) 50%,transparent);opacity:.3;transform-origin:left center;animation:lineGlow 5s ease-in-out infinite;transition:all .3s ease;box-shadow:0 0 4px rgba(220,220,235,.2);overflow:hidden}.constellation-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(240,240,255,.8) 50%,transparent);animation:lineFlow 3s ease-in-out infinite}.constellation-line:hover{opacity:.8;height:2px;background:linear-gradient(90deg,transparent,rgba(240,240,255,.8),transparent);box-shadow:0 0 8px rgba(240,240,255,.5),0 0 16px rgba(220,220,240,.3)}.nav-container{position:fixed;top:24px;left:0;right:0;z-index:100;justify-content:center;gap:16px;padding:0 24px}.nav-container,nav{display:flex;align-items:center}nav{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.12));border-radius:60px;padding:5px 16px;border:none;box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.15),inset 0 1px 1px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.08);transition:all .3s ease;overflow:hidden;position:relative}:root[data-theme=light] nav{background:linear-gradient(145deg,rgba(240,240,242,.7),rgba(235,235,237,.6));border:1px solid rgba(220,220,225,.2);box-shadow:-5px -5px 15px rgba(250,250,252,.6),5px 5px 15px rgba(0,0,0,.08),inset -2px -2px 5px rgba(250,250,252,.5),inset 2px 2px 5px rgba(0,0,0,.06)}nav:hover{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.12));box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.15),inset 0 1px 1px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.08)}:root[data-theme=light] nav:hover{background:linear-gradient(145deg,rgba(242,242,244,.75),rgba(237,237,239,.65));box-shadow:-6px -6px 18px rgba(255,255,255,.95),6px 6px 18px rgba(0,0,0,.1),inset -2px -2px 5px rgba(255,255,255,.9),inset 2px 2px 5px rgba(0,0,0,.08)}nav ul{display:flex;list-style:none;gap:4px;align-items:center}nav ul,nav ul li{line-height:1}nav ul li:first-child{margin-left:-10px}nav ul li:last-child{margin-right:-10px}.nav-auth{padding:5px 6px;display:flex;align-items:center;justify-content:center}.nav-auth .nav-login-btn{margin:0;padding:7px 28px 5px;line-height:1!important}nav a{color:var(--text-secondary);text-decoration:none;padding:7px 28px;border-radius:50px;font-size:14px;font-weight:500;line-height:1!important;display:inline-block;vertical-align:middle;position:relative;z-index:1}nav a:hover{color:var(--text-primary);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);transform:translateY(-1px)}:root[data-theme=light] nav a:hover{background:linear-gradient(145deg,rgba(235,235,237,.6),rgba(240,240,240,.5));box-shadow:-2px -2px 6px rgba(245,245,247,.8),2px 2px 6px rgba(0,0,0,.06),inset -1px -1px 3px rgba(255,255,255,.6),inset 1px 1px 3px rgba(0,0,0,.04)}nav a.active{color:var(--text-primary);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1)}:root[data-theme=light] nav a.active{background:linear-gradient(145deg,rgba(235,235,235,.7),rgba(230,230,230,.6));box-shadow:inset 2px 2px 5px rgba(0,0,0,.08),inset -2px -2px 5px rgba(255,255,255,.9),-1px -1px 3px rgba(240,240,242,.7),1px 1px 3px rgba(0,0,0,.05)}nav a:active{transform:scale(.95) translateY(0);background:rgba(255,255,255,.1)}:root[data-theme=light] nav a:active{background:rgba(0,0,0,.1)}.nav-login-btn{padding:7px 28px 5px;border-radius:50px;background:transparent;color:var(--text-secondary);border:none;font-size:14px;font-weight:500;line-height:1!important;display:inline-block;vertical-align:middle;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.nav-login-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);transform:translateY(-1px)}:root[data-theme=light] .nav-login-btn:hover{background:linear-gradient(145deg,rgba(235,235,237,.6),rgba(240,240,240,.5));box-shadow:-2px -2px 6px rgba(245,245,247,.8),2px 2px 6px rgba(0,0,0,.06),inset -1px -1px 3px rgba(255,255,255,.6),inset 1px 1px 3px rgba(0,0,0,.04)}.nav-login-btn:active{transform:scale(.95) translateY(0);background:rgba(255,255,255,.1)}:root[data-theme=light] .nav-login-btn:active{background:linear-gradient(145deg,rgba(230,230,230,.7),rgba(225,225,225,.6));box-shadow:inset 2px 2px 5px rgba(0,0,0,.09),inset -2px -2px 5px rgba(255,255,255,.95)}@media (max-width:768px){nav,nav ul{width:100%}nav ul{justify-content:space-between}nav a{padding:10px 16px;font-size:13px}}.settings-toggle{position:fixed;bottom:32px;right:32px;z-index:101;width:56px;height:56px;border-radius:50%;backdrop-filter:blur(80px) saturate(200%);-webkit-backdrop-filter:blur(80px) saturate(200%);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.08)}.settings-toggle,:root[data-theme=light] .settings-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] .settings-toggle{background:linear-gradient(145deg,rgba(240,240,242,.7),rgba(235,235,237,.6));border:1px solid rgba(255,255,255,.2);box-shadow:-5px -5px 15px rgba(255,255,255,.9),5px 5px 15px rgba(0,0,0,.08),inset -2px -2px 5px rgba(245,245,247,.8),inset 2px 2px 5px rgba(0,0,0,.06)}.settings-toggle:hover{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));box-shadow:0 12px 40px rgba(0,0,0,.35),0 6px 16px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.1);transform:rotate(90deg) scale(1.05)}.settings-toggle:active{transform:rotate(90deg) scale(.95)}.settings-toggle svg{width:20px;height:20px;color:var(--text-primary)}.settings-panel{position:fixed;bottom:100px;right:32px;z-index:100;width:280px;backdrop-filter:blur(80px) saturate(200%);-webkit-backdrop-filter:blur(80px) saturate(200%);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.12));border-radius:24px;border:none;box-shadow:0 16px 48px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.08);padding:24px;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-panel.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}:root[data-theme=light] .settings-panel{background:linear-gradient(145deg,rgba(242,242,244,.75),rgba(237,237,239,.65));border:1px solid rgba(255,255,255,.2);box-shadow:-8px -8px 24px rgba(255,255,255,.9),8px 8px 24px rgba(0,0,0,.1),inset -3px -3px 8px rgba(245,245,247,.8),inset 3px 3px 8px rgba(0,0,0,.06)}.settings-header{font-size:18px;font-weight:700}.settings-group,.settings-header{margin-bottom:24px}.settings-group:last-child{margin-bottom:0}.settings-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);margin-bottom:12px}.settings-options{display:flex;gap:8px;justify-content:space-between}.settings-option{flex:1;padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.settings-option svg{width:18px;height:18px;stroke-width:2;color:inherit}.settings-option:hover:not(.active){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:var(--text-primary)}.settings-option.active{background:#7340FF;border-color:#7340FF;color:#ffffff;box-shadow:0 4px 12px rgba(115,64,255,.3),inset 0 1px 1px rgba(255,255,255,.2)}:root[data-theme=dark] .settings-option.active{background:#7340FF!important;border-color:#7340FF!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(115,64,255,.3),inset 0 1px 1px rgba(255,255,255,.2)!important}:root[data-theme=light] .settings-option{background:linear-gradient(145deg,rgba(250,250,250,.6),rgba(245,245,245,.5));border:1px solid rgba(255,255,255,.15);box-shadow:-2px -2px 6px rgba(245,245,247,.8),2px 2px 6px rgba(0,0,0,.06),inset -1px -1px 3px rgba(240,240,242,.7),inset 1px 1px 3px rgba(0,0,0,.04)}:root[data-theme=light] .settings-option:hover:not(.active){background:linear-gradient(145deg,rgba(252,252,252,.65),rgba(247,247,247,.55));border-color:rgba(255,255,255,.2);box-shadow:-3px -3px 8px rgba(255,255,255,.85),3px 3px 8px rgba(0,0,0,.08),inset -1px -1px 3px rgba(242,242,244,.75),inset 1px 1px 3px rgba(0,0,0,.05)}:root[data-theme=light] .settings-option.active{background:#513EFF!important;border-color:#513EFF!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(81,62,255,.4),0 2px 8px rgba(81,62,255,.3),inset 0 1px 1px rgba(255,255,255,.3)!important}:root[data-theme=light] button.settings-option.active{background:#513EFF!important;border:1px solid #513eff!important;color:#ffffff!important}.language-options{gap:12px}.language-option,.language-options{display:flex;justify-content:center}.language-option{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;align-items:center;font-size:14px;font-weight:600}.language-option:hover:not(.active){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:var(--text-primary)}.language-option.active{background:#7340FF;border-color:#7340FF;color:#ffffff;box-shadow:0 4px 12px rgba(115,64,255,.3),inset 0 1px 1px rgba(255,255,255,.2)}:root[data-theme=dark] .language-option.active{background:#7340FF!important;border-color:#7340FF!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(115,64,255,.3),inset 0 1px 1px rgba(255,255,255,.2)!important}:root[data-theme=light] .language-option{background:linear-gradient(145deg,rgba(250,250,250,.6),rgba(245,245,245,.5));border:1px solid rgba(255,255,255,.15);box-shadow:-2px -2px 6px rgba(245,245,247,.8),2px 2px 6px rgba(0,0,0,.06),inset -1px -1px 3px rgba(240,240,242,.7),inset 1px 1px 3px rgba(0,0,0,.04)}:root[data-theme=light] .language-option:hover:not(.active){background:linear-gradient(145deg,rgba(252,252,252,.65),rgba(247,247,247,.55));border-color:rgba(255,255,255,.2);box-shadow:-3px -3px 8px rgba(255,255,255,.85),3px 3px 8px rgba(0,0,0,.08),inset -1px -1px 3px rgba(242,242,244,.75),inset 1px 1px 3px rgba(0,0,0,.05)}:root[data-theme=light] .language-option.active{background:#513EFF!important;border-color:#513EFF!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(81,62,255,.3),inset 0 1px 1px rgba(255,255,255,.3)!important}@media (max-width:768px){.settings-toggle{bottom:24px;top:auto;right:24px;width:56px;height:56px}.settings-panel{width:calc(100% - 32px);bottom:92px;top:auto}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 80px 100px;max-width:none;width:100%;margin:0 auto;position:relative;overflow:hidden;text-align:center}.hero-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;line-height:1.4;color:rgba(255,255,255,.9);margin-bottom:20px;padding:8px 16px;border-radius:20px;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:none;box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.08);display:inline-block;transition:all .3s ease}.hero-label:hover{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));box-shadow:0 6px 20px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.1);transform:translateY(-1px)}:root[data-theme=light] .hero-label{color:#292823;background:linear-gradient(145deg,rgba(240,240,242,.7),rgba(235,235,237,.6));border:1px solid rgba(255,255,255,.2);box-shadow:-3px -3px 10px rgba(255,255,255,.9),3px 3px 10px rgba(0,0,0,.08),inset -2px -2px 5px rgba(245,245,247,.8),inset 2px 2px 5px rgba(0,0,0,.06)}:root[data-theme=light] .hero-label:hover{background:linear-gradient(145deg,rgba(242,242,244,.75),rgba(237,237,239,.65));box-shadow:-4px -4px 12px rgba(255,255,255,.95),4px 4px 12px rgba(0,0,0,.1),inset -2px -2px 5px rgba(255,255,255,.9),inset 2px 2px 5px rgba(0,0,0,.08)}.hero-title{font-size:128px;font-weight:900;line-height:1.05;margin-bottom:20px;letter-spacing:-.02em;position:relative;text-align:center}:root[data-theme=dark] .hero-title{background:linear-gradient(120deg,rgba(220,220,235,.95),rgba(200,200,225,.85) 20%,#7340FF 40%,#7340FF 60%,rgba(200,200,225,.85) 80%,rgba(220,220,235,.95));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 24px rgba(115,64,255,.6))}:root[data-theme=dark] .hero-title,:root[data-theme=light] .hero-title{-webkit-text-fill-color:transparent;animation:gradientFlow 12s ease-in-out infinite}:root[data-theme=light] .hero-title{background:linear-gradient(120deg,#513EFF,#7C6AFF 25%,#9B8AFF 50%,#7C6AFF 75%,#513EFF);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 20px rgba(81,62,255,.4))}.hero-subtitle{font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.01em;margin-bottom:18px;text-align:center}:root[data-theme=dark] .hero-subtitle{background:linear-gradient(90deg,rgba(220,220,235,.9),rgba(200,200,225,.7) 30%,#7340FF 70%,#7340FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .hero-subtitle{background:linear-gradient(135deg,#513EFF,#7C6AFF 50%,#9B8AFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:17px;line-height:1.6;letter-spacing:0;color:var(--text-secondary);margin-bottom:32px;max-width:720px;text-align:center;margin-left:auto;margin-right:auto}:root[data-theme=light] .hero-description{color:#292823}.hero-trust-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.03em;padding:10px 20px;border-radius:24px;margin-bottom:48px;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:rgba(115,64,255,.08);border:1px solid rgba(115,64,255,.2);color:rgba(255,255,255,.9);transition:all .3s ease;box-shadow:0 2px 12px rgba(115,64,255,.15)}.hero-trust-badge svg{color:rgba(115,64,255,1);width:16px;height:16px;flex-shrink:0}.hero-trust-badge:hover{background:rgba(115,64,255,.12);border-color:rgba(115,64,255,.3);transform:translateY(-2px);box-shadow:0 4px 16px rgba(115,64,255,.25)}:root[data-theme=light] .hero-trust-badge{background:rgba(81,62,255,.06);border:1px solid rgba(81,62,255,.15);color:#292823;box-shadow:0 2px 12px rgba(81,62,255,.1)}:root[data-theme=light] .hero-trust-badge svg{color:#513EFF}:root[data-theme=light] .hero-trust-badge:hover{background:rgba(81,62,255,.1);border-color:rgba(81,62,255,.25);box-shadow:0 4px 16px rgba(81,62,255,.15)}.hero-description strong{font-weight:700;color:inherit}.hero-description-highlight{color:rgba(255,255,255,.95)}:root[data-theme=light] .hero-description-highlight{color:#292823}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;width:100%;max-width:650px;margin-left:auto;margin-right:auto}.hero-meta-item{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border-radius:14px;backdrop-filter:none;-webkit-backdrop-filter:none;transition:all .3s ease}.hero-meta-item,.hero-meta-item:hover{background:transparent;border:none;box-shadow:none}.hero-meta-item:hover{transform:translateY(-2px)}:root[data-theme=light] .hero-meta-item{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:linear-gradient(145deg,rgba(240,240,242,.7),rgba(235,235,237,.6));border:1px solid rgba(255,255,255,.2);box-shadow:-4px -4px 12px rgba(255,255,255,.9),4px 4px 12px rgba(0,0,0,.08),inset -2px -2px 5px rgba(245,245,247,.8),inset 2px 2px 5px rgba(0,0,0,.06)}:root[data-theme=light] .hero-meta-item:hover{background:linear-gradient(145deg,rgba(242,242,244,.75),rgba(237,237,239,.65));box-shadow:-5px -5px 15px rgba(255,255,255,.95),5px 5px 15px rgba(0,0,0,.1),inset -2px -2px 5px rgba(255,255,255,.9),inset 2px 2px 5px rgba(0,0,0,.08);transform:translateY(-2px)}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;line-height:1.4;color:var(--text-tertiary);font-weight:600}.meta-value{font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.02em}:root[data-theme=dark] .meta-value{background:linear-gradient(90deg,rgba(220,220,235,.9),rgba(200,200,225,.7) 30%,#7340FF 70%,#7340FF);background-size:100% 100%;background-position:0 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .meta-value{background:linear-gradient(135deg,#513EFF,#7C6AFF 30%,#9B8AFF 60%,#7C6AFF);background-size:100% 100%;background-position:0 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 8px rgba(81,62,255,.25))}.hero-actions,.hero-social{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.social-link{padding:8px 16px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;font-size:13px;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.social-link:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.social-link svg{width:14px;height:14px}@media (max-width:1024px){.hero-title{font-size:96px}.hero-subtitle{font-size:22px}.hero-description{font-size:16px;max-width:600px}.hero-meta{max-width:550px;gap:16px;margin-bottom:36px}}@media (max-width:768px){.hero{padding:100px 24px 80px}.hero-label,.hero-title{margin-bottom:16px}.hero-title{font-size:56px}.hero-subtitle{font-size:18px;margin-bottom:14px}.hero-description{font-size:14px;max-width:100%;line-height:1.6;margin-bottom:14px}.hero-trust-badge{font-size:11px;padding:5px 12px;margin-bottom:28px}.hero-trust-badge svg{width:12px;height:12px}.hero-meta{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;max-width:100%}.hero-meta-item{padding:14px 10px}.meta-label{font-size:10px}.meta-value{font-size:18px}}.hero-content{position:relative;z-index:2}.about-section{padding:120px 80px;max-width:1400px;margin:0 auto;position:relative}.about-container{display:flex;flex-direction:column;gap:48px}.about-header{text-align:center;margin-bottom:16px}.about-section-title{font-size:48px;font-weight:800;margin-bottom:16px;letter-spacing:-2px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(180,180,200,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .about-section-title{background:linear-gradient(135deg,#292823,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-intro-card{padding:48px;border-radius:24px;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:rgba(255,255,255,.04);border:1.5px solid var(--border);transition:all .3s ease;text-align:center}:root[data-theme=light] .about-intro-card{background:linear-gradient(145deg,rgba(240,240,242,.7),rgba(235,235,237,.6));border:1px solid rgba(255,255,255,.2);box-shadow:-4px -4px 12px rgba(255,255,255,.9),4px 4px 12px rgba(0,0,0,.08),inset -2px -2px 5px rgba(245,245,247,.8),inset 2px 2px 5px rgba(0,0,0,.06)}.about-greeting{font-size:32px;font-weight:800;margin-bottom:12px;background:linear-gradient(90deg,rgba(220,220,235,.95),#7C6AFF 50%,rgba(220,220,235,.95));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .about-greeting{background:linear-gradient(135deg,#513EFF,#7C6AFF 50%,#9B8AFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-role{font-size:20px;font-weight:600;color:var(--text-secondary);margin-bottom:20px}:root[data-theme=light] .about-role{color:#666}.about-description{font-size:17px;line-height:1.8;color:var(--text-primary);max-width:900px;margin:0 auto}:root[data-theme=light] .about-description{color:#292823}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.about-column{display:flex;flex-direction:column;gap:32px}.about-column-title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}:root[data-theme=light] .about-column-title{color:#292823}.experience-timeline{display:flex;flex-direction:column;gap:32px}.experience-item{position:relative;padding-left:32px;border-left:2px solid var(--border);padding-bottom:16px}.experience-item:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#7C6AFF,#9B8AFF);box-shadow:0 0 12px rgba(124,106,255,.5)}:root[data-theme=light] .experience-item{border-left-color:rgba(200,200,210,.4)}:root[data-theme=light] .experience-item:before{background:linear-gradient(135deg,#513EFF,#7C6AFF);box-shadow:0 0 8px rgba(81,62,255,.3)}.experience-period{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:8px}:root[data-theme=light] .experience-period{color:#7C6AFF}.experience-content{display:flex;flex-direction:column;gap:6px}.experience-role{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}:root[data-theme=light] .experience-role{color:#292823}.experience-company{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0}:root[data-theme=light] .experience-company{color:#666}.experience-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:4px 0 0}:root[data-theme=light] .experience-description{color:#777}.expertise-grid{display:grid;grid-template-columns:1fr;gap:20px}.expertise-item{display:flex;align-items:center;gap:20px;padding:24px 28px;border-radius:16px;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:rgba(255,255,255,.03);border:1.5px solid var(--border);transition:all .3s ease}.expertise-item:hover{background:rgba(255,255,255,.06);border-color:var(--accent);transform:translateX(4px)}:root[data-theme=light] .expertise-item{background:linear-gradient(145deg,rgba(240,240,242,.7),rgba(235,235,237,.6));border:1px solid rgba(255,255,255,.2);box-shadow:-4px -4px 12px rgba(255,255,255,.9),4px 4px 12px rgba(0,0,0,.08),inset -2px -2px 5px rgba(245,245,247,.8),inset 2px 2px 5px rgba(0,0,0,.06)}:root[data-theme=light] .expertise-item:hover{background:linear-gradient(145deg,rgba(242,242,244,.75),rgba(237,237,239,.65));box-shadow:-5px -5px 15px rgba(255,255,255,.95),5px 5px 15px rgba(0,0,0,.1),inset -2px -2px 5px rgba(255,255,255,.9),inset 2px 2px 5px rgba(0,0,0,.08);border-color:rgba(124,106,255,.3)}.expertise-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.expertise-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.expertise-content{display:flex;flex-direction:column;gap:6px}.expertise-label{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}:root[data-theme=light] .expertise-label{color:#292823}.expertise-desc{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}:root[data-theme=light] .expertise-desc{color:#777}@media (max-width:1024px){.about-columns{grid-template-columns:1fr;gap:48px}.about-intro-card{padding:36px}}@media (max-width:768px){.about-section{padding:60px 24px}.about-section-title{font-size:36px}.about-intro-card{padding:32px 24px}.about-greeting{font-size:28px}.about-role{font-size:18px}.about-description{font-size:15px}.about-column-title{font-size:24px}.experience-item{padding-left:24px}.experience-role{font-size:17px}.expertise-item{padding:20px}.expertise-icon{width:40px;height:40px}}.section{padding:120px 80px;max-width:1400px;margin:0 auto;position:relative}.section-header{margin-bottom:64px;text-align:center}.section-title{font-size:48px;font-weight:800;margin-bottom:16px;letter-spacing:-2px}.section-subtitle{font-size:18px;color:var(--text-secondary)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.project-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.project-card:hover{transform:translateY(-4px) scale(1.05);transition:all .3s ease}:root[data-theme=dark] .project-card:hover{border-color:rgba(167,139,250,.7);box-shadow:0 0 40px rgba(139,92,246,.2)}:root[data-theme=light] .project-card:hover{border-color:rgba(167,139,250,.5);box-shadow:0 0 40px rgba(139,92,246,.2)}:root[data-theme=light] .project-card{background:linear-gradient(145deg,rgba(240,240,242,.7),rgba(235,235,237,.6));border:1px solid rgba(255,255,255,.2);box-shadow:-4px -4px 12px rgba(255,255,255,.9),4px 4px 12px rgba(0,0,0,.08),inset -2px -2px 5px rgba(245,245,247,.8),inset 2px 2px 5px rgba(0,0,0,.06)}:root[data-theme=light] .project-card:hover{background:linear-gradient(145deg,rgba(242,242,244,.75),rgba(237,237,239,.65));box-shadow:-6px -6px 18px rgba(255,255,255,.95),6px 6px 18px rgba(0,0,0,.1),0 0 20px rgba(143,104,199,.08),inset -2px -2px 5px rgba(255,255,255,.9),inset 2px 2px 5px rgba(0,0,0,.08);border-color:rgba(255,255,255,.25)}.project-card.featured{border-color:var(--border);background:var(--card-bg)}.featured-badge{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#ffffff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;z-index:10}:root[data-theme=light] .featured-badge{color:#292823;background:rgba(255,255,255,.7);border:1px solid rgba(200,200,210,.3)}.project-image{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(168,140,212,.05),rgba(200,200,235,.03));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root[data-theme=light] .project-image{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(168,85,247,.04))}.project-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--accent-glow) 0,transparent 70%);opacity:.3;z-index:0}.tech-stack-display{width:100%;height:100%;gap:16px;padding:0 24px}.tech-logo,.tech-stack-display{display:flex;align-items:center;justify-content:center}.tech-logo{width:56px;height:56px;padding:10px;border-radius:12px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 1px rgba(255,255,255,.1);transition:all .3s ease}:root[data-theme=dark] .tech-logo{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}:root[data-theme=light] .tech-logo{background:rgba(255,255,255,.7);border:1px solid rgba(200,200,210,.3);box-shadow:-2px -2px 6px rgba(255,255,255,.8),2px 2px 6px rgba(0,0,0,.08),inset -1px -1px 2px rgba(255,255,255,.6),inset 1px 1px 2px rgba(0,0,0,.05)}.tech-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tech-logo:hover{transform:translateY(-4px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 16px rgba(168,140,212,.2),inset 0 1px 1px rgba(255,255,255,.15)}:root[data-theme=light] .tech-logo:hover{background:rgba(255,255,255,.9);border-color:rgba(220,220,230,.4);box-shadow:-3px -3px 10px rgba(255,255,255,.9),3px 3px 10px rgba(0,0,0,.1),0 0 16px rgba(139,92,246,.15),inset -1px -1px 3px rgba(255,255,255,.8),inset 1px 1px 3px rgba(0,0,0,.08)}.project-content{padding:24px}.project-category{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:12px;font-weight:600}.project-title{font-size:22px;font-weight:700;margin-bottom:12px}.project-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}:root[data-theme=light] .project-description{color:#292823}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.9);font-size:12px;font-weight:500;transition:all .3s ease}:root[data-theme=light] .tag{color:#292823;background:rgba(240,240,242,.6);border:1px solid rgba(200,200,205,.3)}.project-card:hover .tag{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2);color:#ffffff}:root[data-theme=light] .project-card:hover .tag{color:#292823;background:rgba(245,245,247,.7);border:1px solid rgba(210,210,215,.4)}@media (max-width:1024px){.section-title{font-size:40px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.section{padding:60px 24px}.project-grid{grid-template-columns:1fr;gap:16px}.project-content{padding:16px}.project-title{font-size:18px}.project-description{font-size:14px}.tech-logo{width:44px;height:44px}}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:64px}.tech-category{border:1.5px solid var(--border);border-radius:16px;padding:32px;background:var(--card-bg);transition:all .3s ease}.tech-category:hover{border-color:var(--border-hover);transform:translateY(-4px)}.tech-category-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);margin-bottom:20px}.tech-items{display:flex;flex-wrap:wrap;gap:8px}.tech-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:500;transition:all .2s ease}.tech-item img,.tech-item svg{width:20px;height:20px;flex-shrink:0}.tech-item:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@media (max-width:768px){.tech-stack{grid-template-columns:1fr;gap:24px}}.cta-section{margin:120px 80px;padding:80px;border:1.5px solid var(--border);border-radius:24px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--accent-glow) 0,transparent 70%);z-index:0;transition:background .3s ease}.cta-content{position:relative;z-index:1}.cta-stats{display:flex;justify-content:center;gap:64px;margin-bottom:48px;flex-wrap:wrap}.cta-stat{text-align:center}.cta-stat-number{font-size:56px;font-weight:900;line-height:1;margin-bottom:8px;color:#7340FF}:root[data-theme=light] .cta-stat-number{color:#513EFF}.cta-stat-label{font-size:14px;color:var(--text-secondary)}.cta-title{font-size:56px;font-weight:800;margin-bottom:24px;letter-spacing:-2px}.cta-description{font-size:18px;color:var(--text-secondary);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons{gap:16px;flex-wrap:wrap}.cta-buttons,.modal-overlay{display:flex;justify-content:center}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;z-index:9999;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-bg);border:1.5px solid var(--border);border-radius:24px;padding:48px;max-width:600px;width:100%;position:relative;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .modal-content{background:linear-gradient(145deg,rgba(240,240,242,.95),rgba(235,235,237,.9));box-shadow:-4px -4px 12px rgba(255,255,255,.9),4px 4px 12px rgba(0,0,0,.08),0 20px 60px rgba(0,0,0,.15)}.modal-close{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.modal-close:hover{background:rgba(255,255,255,.1);border-color:var(--border-hover);color:var(--text-primary);transform:rotate(90deg)}.modal-title{font-size:32px;font-weight:800;margin-bottom:12px;letter-spacing:-1px;color:var(--text-primary)}.modal-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}:root[data-theme=light] .modal-subtitle{color:#666}.contact-form{gap:24px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s ease}:root[data-theme=light] .form-group input,:root[data-theme=light] .form-group textarea{background:rgba(255,255,255,.7);border:1.5px solid rgba(200,200,210,.3)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px rgba(115,64,255,.1)}:root[data-theme=light] .form-group input:focus,:root[data-theme=light] .form-group textarea:focus{background:rgba(255,255,255,.9);border-color:#7C6AFF;box-shadow:0 0 0 3px rgba(124,106,255,.1)}.form-group textarea{resize:vertical;min-height:120px}.modal-buttons{display:flex;gap:12px;margin-top:8px}.modal-buttons .btn{flex:1}.contact-info{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.contact-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:16px;background:rgba(255,255,255,.03);border:1.5px solid var(--border);transition:all .3s ease}.contact-item:hover{background:rgba(255,255,255,.06);border-color:var(--accent);transform:translateY(-2px)}:root[data-theme=light] .contact-item{background:rgba(255,255,255,.7);border:1.5px solid rgba(200,200,210,.3)}:root[data-theme=light] .contact-item:hover{background:rgba(255,255,255,.9);border-color:#7C6AFF}.contact-icon{width:48px;height:48px;border-radius:12px;background:rgba(115,64,255,.1);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}:root[data-theme=light] .contact-icon{background:rgba(124,106,255,.1);color:#7C6AFF}.contact-details{display:flex;flex-direction:column;gap:4px;flex:1}.contact-label{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.contact-value{font-size:18px;font-weight:600;color:var(--text-primary);text-decoration:none;transition:color .3s ease}.contact-value:hover{color:var(--accent)}:root[data-theme=light] .contact-value:hover{color:#7C6AFF}@media (max-width:768px){.cta-section{margin:80px 24px;padding:48px 24px}.cta-title{font-size:36px}.cta-stats{gap:24px}.cta-stat-number{font-size:40px}.modal-content{padding:32px 24px}.modal-title{font-size:24px}.modal-subtitle{font-size:14px}.modal-buttons{flex-direction:column}}.footer{padding:48px 80px 40px;border-top:1.5px solid var(--border);background:var(--bg-primary);position:relative}.footer-content{max-width:1400px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:64px}.footer-brand{flex:1;display:flex;flex-direction:column;gap:12px}.footer-logo{font-size:28px;font-weight:900;letter-spacing:-.02em;margin:0}.footer-tagline{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0}:root[data-theme=light] .footer-tagline{color:#666}.footer-copyright{font-size:14px;color:var(--text-tertiary);margin:0}:root[data-theme=light] .footer-copyright{color:#999}:root[data-theme=dark] .footer-logo{background:linear-gradient(90deg,rgba(220,220,235,.9),#7340FF 50%,rgba(220,220,235,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] .footer-logo{background:linear-gradient(90deg,#513EFF,#7C6AFF 50%,#9B8AFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section{display:flex;flex-direction:column;gap:16px;min-width:150px}.footer-heading{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);margin-bottom:8px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li a{color:var(--text-secondary);text-decoration:none;font-size:15px;transition:all .3s ease;display:inline-block}.footer-links li a:hover{color:var(--accent);transform:translateX(4px)}:root[data-theme=light] .footer-links li a{color:#666}:root[data-theme=light] .footer-links li a:hover{color:#7C6AFF}@media (max-width:1024px){.footer-top{flex-wrap:wrap;gap:48px}.footer-brand{flex-basis:100%}}@media (max-width:768px){.footer{padding:64px 24px 32px}.footer-top{flex-direction:column;gap:40px;margin-bottom:48px}.footer-brand{flex-basis:auto}.footer-logo{font-size:24px}.footer-section{min-width:auto}}.btn{padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary{background:#7340FF;color:#ffffff;box-shadow:0 4px 12px rgba(115,64,255,.3),inset 0 1px 1px rgba(255,255,255,.2)}.btn-primary:hover{background:#8F5CFF;transform:translateY(-2px);box-shadow:0 6px 20px rgba(115,64,255,.4),0 2px 8px rgba(115,64,255,.25),inset 0 1px 1px rgba(255,255,255,.3)}:root[data-theme=light] .btn-primary{background:#513EFF;color:#ffffff;box-shadow:0 4px 12px rgba(81,62,255,.3),inset 0 1px 1px rgba(255,255,255,.3)}:root[data-theme=light] .btn-primary:hover{background:#6D56FF;box-shadow:0 6px 20px rgba(81,62,255,.4),0 2px 8px rgba(81,62,255,.25),inset 0 1px 1px rgba(255,255,255,.4)}.btn-secondary{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));color:var(--text-primary);border:none;box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.08)}.btn-secondary:hover{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.1)}.btn:active{transform:translateY(0)}:root[data-theme=light] .btn-secondary{background:linear-gradient(145deg,rgba(240,240,242,.7),rgba(235,235,237,.6));border:1px solid rgba(255,255,255,.2);box-shadow:-4px -4px 12px rgba(255,255,255,.9),4px 4px 12px rgba(0,0,0,.08),inset -2px -2px 5px rgba(245,245,247,.8),inset 2px 2px 5px rgba(0,0,0,.06)}:root[data-theme=light] .btn-secondary:hover{background:linear-gradient(145deg,rgba(242,242,244,.75),rgba(237,237,239,.65));box-shadow:-5px -5px 15px rgba(255,255,255,.95),5px 5px 15px rgba(0,0,0,.1),inset -2px -2px 5px rgba(255,255,255,.9),inset 2px 2px 5px rgba(0,0,0,.08)}.btn-full{width:100%;justify-content:center}