*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 2%;--foreground: 210 40% 96%;--card: 180 20% 6%;--card-foreground: 210 40% 96%;--popover: 180 20% 6%;--popover-foreground: 210 40% 96%;--primary: 175 63% 57%;--primary-foreground: 180 100% 5%;--secondary: 180 15% 12%;--secondary-foreground: 210 40% 95%;--muted: 180 12% 10%;--muted-foreground: 215 20% 65%;--accent: 180 15% 14%;--accent-foreground: 210 40% 95%;--destructive: 0 73% 57%;--destructive-foreground: 210 40% 98%;--border: 175 40% 22%;--input: 175 20% 15%;--ring: 175 63% 57%;--radius: .5rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));background-color:#000;color-scheme:dark}.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}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-4{top:-1rem}.left-1\/2{left:50%}.top-0{top:0}.top-1\/2{top:50%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.z-\[-100\]{z-index:-100}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-12{margin-top:3rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-3\.5{height:.875rem}.h-\[120px\]{height:120px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-3\.5{width:.875rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[215deg\]{--tw-rotate: 215deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes aurora-drift-1{0%{transform:translate(0) scale(1)}33%{transform:translate(8%,-12%) scale(1.1)}66%{transform:translate(-6%,10%) scale(.95)}to{transform:translate(10%,6%) scale(1.05)}}.animate-aurora-1{animation:aurora-drift-1 38s ease-in-out infinite alternate}@keyframes aurora-drift-2{0%{transform:translate(0) scale(1)}40%{transform:translate(-10%,8%) scale(1.08)}70%{transform:translate(7%,-6%) scale(.92)}to{transform:translate(-5%,-10%) scale(1.04)}}.animate-aurora-2{animation:aurora-drift-2 46s ease-in-out infinite alternate}@keyframes aurora-drift-3{0%{transform:translate(0) scale(1)}30%{transform:translate(12%,6%) scale(.9)}65%{transform:translate(-8%,-8%) scale(1.12)}to{transform:translate(5%,12%) scale(.96)}}.animate-aurora-3{animation:aurora-drift-3 52s ease-in-out infinite alternate}@keyframes aurora-drift-4{0%{transform:translate(0) scale(1)}50%{transform:translate(-12%,-6%) scale(1.06)}to{transform:translate(8%,8%) scale(.94)}}.animate-aurora-4{animation:aurora-drift-4 42s ease-in-out infinite alternate}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-clip{overflow-x:clip}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[9999px\],.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#2dd4bf\]{--tw-border-opacity: 1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}.border-\[rgba\(45\,212\,191\,0\.1\)\]{border-color:#2dd4bf1a}.border-\[rgba\(45\,212\,191\,0\.15\)\]{border-color:#2dd4bf26}.border-\[rgba\(45\,212\,191\,0\.2\)\]{border-color:#2dd4bf33}.border-\[rgba\(45\,212\,191\,0\.3\)\]{border-color:#2dd4bf4d}.border-\[rgba\(45\,212\,191\,0\.4\)\]{border-color:#2dd4bf66}.border-muted{border-color:hsl(var(--muted))}.bg-\[\#2dd4bf\]{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(255\,255\,255\,0\.04\)\]{background-color:#ffffff0a}.bg-\[rgba\(45\,212\,191\,0\.08\)\]{background-color:#2dd4bf14}.bg-\[rgba\(45\,212\,191\,0\.1\)\]{background-color:#2dd4bf1a}.bg-\[rgba\(45\,212\,191\,0\.15\)\]{background-color:#2dd4bf26}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#2dd4bf\]{--tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);--tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#818cf8\]{--tw-gradient-to: #818cf8 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.p-2{padding:.5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.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-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-\[\#2dd4bf\]{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -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_0_1px_\#ffffff10\]{--tw-shadow: 0 0 0 1px #ffffff10;--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[rgba\(45\,212\,191\,0\.25\)\]{--tw-shadow-color: rgba(45,212,191,.25);--tw-shadow: var(--tw-shadow-colored)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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-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}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.selection\:bg-primary\/20 *::-moz-selection{background-color:hsl(var(--primary) / .2)}.selection\:bg-primary\/20 *::selection{background-color:hsl(var(--primary) / .2)}.selection\:bg-primary\/20::-moz-selection{background-color:hsl(var(--primary) / .2)}.selection\:bg-primary\/20::selection{background-color:hsl(var(--primary) / .2)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:h-\[1px\]:before{content:var(--tw-content);height:1px}.before\:w-\[50px\]:before{content:var(--tw-content);width:50px}.before\:-translate-y-\[50\%\]:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:transform:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:bg-gradient-to-r:before{content:var(--tw-content);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.before\:from-\[\#64748b\]:before{content:var(--tw-content);--tw-gradient-from: #64748b var(--tw-gradient-from-position);--tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to: transparent var(--tw-gradient-to-position)}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[rgba\(45\,212\,191\,0\.6\)\]:hover{border-color:#2dd4bf99}.hover\:bg-\[\#14b8a6\]:hover{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.hover\:bg-\[rgba\(255\,255\,255\,0\.08\)\]:hover{background-color:#ffffff14}.hover\:bg-\[rgba\(45\,212\,191\,0\.05\)\]:hover{background-color:#2dd4bf0d}.hover\:bg-\[rgba\(45\,212\,191\,0\.08\)\]:hover{background-color:#2dd4bf14}.hover\:bg-\[rgba\(45\,212\,191\,0\.18\)\]:hover{background-color:#2dd4bf2e}.hover\:text-\[\#2dd4bf\]:hover{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:bg-\[\#2dd4bf\]{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-\[\#2dd4bf\]{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.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\:flex-row{flex-direction:row}}@media(min-width:1024px){.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\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}.auth-page{min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(15,23,42,.5) 0%,transparent 60%),radial-gradient(1200px 600px at 80% 20%,rgba(17,24,39,.5) 0%,transparent 55%),transparent;display:flex;align-items:center;justify-content:center;padding:24px}.auth-container{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1000px;width:100%;align-items:center}.auth-box{background:#0f172ab3;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:40px;box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-box h1{font-size:28px;margin-bottom:8px;color:#f1f5f9}.subtitle{color:#fff;margin-bottom:32px;font-size:14px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#fff}.form-group input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.6);border-radius:10px;font-size:14px;transition:all .2s;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input-row{display:flex;align-items:center;gap:8px}.input-row input{flex:1}.input-action{border:1px solid rgba(255,255,255,.35);background:#ffffff14;color:#fff;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer}.input-action:hover{background:#ffffff29}.form-group input:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff33}.input-action:focus-visible,.btn:focus-visible,.link-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.domain-login-hint{font-size:13px;color:#ffffff8c;margin-bottom:16px;line-height:1.5}.domain-login-hint code{background:#ffffff1a;padding:1px 5px;border-radius:4px;font-size:12px;color:#ffffffbf}.divider{text-align:center;margin:24px 0;color:#fff;font-size:13px;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#ffffff59}.divider:before{left:0}.divider:after{right:0}.google-btn{display:flex;align-items:center;justify-content:center;gap:8px}.google-btn:before{content:"G";font-weight:700;color:#fff}.github-btn{display:flex;align-items:center;justify-content:center;gap:8px}.github-btn:before{content:"GH";font-weight:700;color:#fff}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.auth-toggle{text-align:center;margin-top:20px;font-size:14px;color:#fff}.link-btn{background:none;border:none;color:#fff;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.link-btn:hover{color:#f1f5f9}.auth-info{display:none}.auth-info h2{font-size:24px;margin-bottom:20px;color:#f1f5f9}.auth-info ul{list-style:none;padding:0}.auth-info li{padding:12px 0;font-size:16px;color:#fff;line-height:1.6}@media(min-width:1024px){.auth-info{display:block}}@media(max-width:1024px){.auth-container{grid-template-columns:1fr;gap:24px}.auth-box{padding:32px}}@media(max-width:640px){.auth-page{padding:16px}.auth-box{padding:24px}.auth-box h1{font-size:24px}.auth-container{gap:0}}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:12px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn.primary{background:linear-gradient(135deg,#6c63ff,#8b7bff);color:#fff;box-shadow:0 6px 18px #6c63ff59}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#5c53ff,#7b6bff);transform:translateY(-1px);box-shadow:0 10px 24px #6c63ff73}.btn.ghost{background:#ffffff12;color:#fff;border:1px solid rgba(255,255,255,.18)}.btn.ghost:hover:not(:disabled){background:#ffffff21;border-color:#ffffff52;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.reg-steps{display:flex;align-items:center;margin-bottom:24px;gap:0}.reg-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.4}.reg-step.active,.reg-step.done{opacity:1}.reg-step-num{width:28px;height:28px;border-radius:50%;background:#6c63ff4d;border:1px solid rgba(108,99,255,.5);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#a78bfa}.reg-step.active .reg-step-num{background:#6c63ff;border-color:#6c63ff;color:#fff}.reg-step.done .reg-step-num{background:#22c55e;border-color:#22c55e;color:#fff}.reg-step-label{font-size:11px;color:#94a3b8;white-space:nowrap}.reg-step.active .reg-step-label{color:#f1f5f9}.reg-step-line{flex:1;height:1px;background:#94a3b840;margin:0 6px 18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.form-row{grid-template-columns:1fr}}.field-hint{margin:4px 0 0;font-size:12px;color:#64748b}.checkbox-section{margin:16px 0;padding:14px;background:#ffffff08;border-radius:8px;border:1px solid rgba(148,163,184,.15)}.email-preview-wrapper{display:flex;align-items:center;border:1px solid rgba(148,163,184,.4);border-radius:8px;overflow:hidden;background:#0f172a99}.email-preview-wrapper input{flex:1;border:none!important;background:transparent;padding:11px 12px;font-size:.95rem;color:#f8fafc;min-width:0}.email-preview-wrapper input:focus{outline:none;box-shadow:none}.email-suffix{padding:11px 12px;background:#6c63ff26;color:#a78bfa;font-size:.9rem;white-space:nowrap;border-left:1px solid rgba(148,163,184,.3)}.domain-info-box{background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:14px 16px;margin:16px 0}.domain-info-box h4{margin:0 0 8px;font-size:.9rem;color:#c4b5fd}.domain-info-box ol{margin:0;padding-left:18px;color:#94a3b8;font-size:.88rem;line-height:1.8}.step2-actions{display:flex;gap:10px;margin-top:4px}.defer-registration-box{margin:14px 0 18px;padding:14px 16px;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#ffffff08}.defer-registration-box p{margin:0 0 12px;color:#cbd5e1;font-size:.9rem;line-height:1.6}.defer-btn{width:100%}.step2-actions .btn.ghost{background:#ffffff12;color:#fff;border:1px solid rgba(255,255,255,.18);padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.step2-actions .btn.primary{flex:1;background:linear-gradient(135deg,#6c63ff,#8b7bff);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.step2-actions .btn{min-width:0}.complete-registration-page{min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(15,23,42,.5) 0%,transparent 60%),radial-gradient(1200px 600px at 80% 20%,rgba(17,24,39,.5) 0%,transparent 55%),transparent;display:flex;align-items:center;justify-content:center;padding:24px}.complete-registration-card{width:100%;max-width:520px;background:#0f172ab8;border-radius:18px;border:1px solid rgba(148,163,184,.25);padding:28px;box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.complete-registration-card h1{margin:0;font-size:1.6rem;color:#f8fafc}.complete-registration-card .subtitle{margin:8px 0 18px;color:#cbd5e1;font-size:.95rem}.complete-registration-card .form-group{margin-bottom:14px}.complete-registration-card label{display:block;font-weight:600;margin-bottom:6px;color:#e2e8f0}.complete-registration-card input[type=text]{width:100%;padding:11px 12px;border:1px solid rgba(148,163,184,.4);border-radius:8px;font-size:.95rem;background:#0f172a99;color:#f8fafc}.checkbox-row{display:flex;align-items:flex-start;gap:10px;margin:10px 0;font-weight:500;color:#e2e8f0}.checkbox-row input[type=checkbox]{margin-top:3px}.checkbox-row.optional{color:#cbd5e1}.btn.ghost.defer-btn{background:#ffffff12;color:#fff;border:1px solid rgba(255,255,255,.18);padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.onboarding-page{min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(15,23,42,.5) 0%,transparent 60%),radial-gradient(1200px 600px at 80% 20%,rgba(17,24,39,.5) 0%,transparent 55%),transparent;padding:40px 24px;color:#e2e8f0}.onboarding-container{max-width:900px;margin:0 auto}.progress-bar{height:4px;background:#94a3b840;border-radius:2px;margin-bottom:40px;overflow:hidden}.progress-step{height:100%;background:linear-gradient(135deg,#60a5fa,#38bdf8);transition:width .3s}.onboarding-box{background:#0f172ab3;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:40px;margin-bottom:40px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px #00000059}.onboarding-box h1{font-size:32px;margin-bottom:8px}.step-indicator{color:#94a3b8;font-size:14px;margin-bottom:32px}.onboarding-box h2{font-size:20px;margin-bottom:12px}.step-desc{color:#cbd5e1;margin-bottom:24px;font-size:15px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#f8fafc}.form-group input{width:100%;padding:10px 12px;border:1px solid rgba(148,163,184,.4);border-radius:6px;font-size:14px;background:#0f172a80;color:#f8fafc}.form-group input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40}.email-input-wrapper{display:flex;align-items:center;border:1px solid rgba(148,163,184,.4);border-radius:6px;overflow:hidden}.email-input-wrapper input{flex:1;border:none;padding:10px 12px}.domain-suffix{padding:0 12px;background:#1e293b99;color:#cbd5e1;font-size:14px;border-left:1px solid rgba(148,163,184,.35);white-space:nowrap}.dns-instructions{background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:8px;padding:24px;margin-bottom:24px}.dns-instructions h3{font-size:15px;margin-bottom:16px}.nameserver-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ns-item{display:flex;align-items:center;background:#0f172abf;border:1px solid rgba(148,163,184,.25);border-radius:6px;padding:12px;gap:12px}.ns-item code{flex:1;font-family:monospace;font-size:13px;color:#e2e8f0;word-break:break-all}.copy-btn{padding:6px 12px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#f8fafc;border:none;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap}.copy-btn:hover{background:linear-gradient(135deg,#1d4ed8,#0ea5e9)}.copy-btn:focus-visible,.btn:focus-visible,.form-group input:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.info-box{background:#0f172acc;border:1px solid rgba(148,163,184,.25);border-radius:6px;padding:16px}.info-box ol{padding-left:20px;font-size:14px;color:#cbd5e1;line-height:1.6}.info-box li{margin-bottom:8px}.error-message{background:#ef444424;color:#fecaca;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid rgba(239,68,68,.4)}.success-message{background:#22c55e24;color:#bbf7d0;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid rgba(34,197,94,.35)}.info-text{font-size:13px;color:#cbd5e1;margin-top:16px;text-align:center}.step-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.summary-item{display:flex;gap:16px;align-items:flex-start}.step-num{width:40px;height:40px;border-radius:50%;background:#0f172acc;border:2px solid rgba(148,163,184,.35);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;transition:all .3s}.step-num.done{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#f8fafc;border-color:#2563eb}.summary-item h4{font-size:15px;margin-bottom:4px}.summary-item p{font-size:13px;color:#94a3b8}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn.full{width:100%}.btn.primary{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 10px 24px #2563eb59}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#0ea5e9);transform:translateY(-1px);box-shadow:0 14px 28px #2563eb66}.btn.primary:active:not(:disabled){transform:translateY(0)}.btn.secondary{background:#94a3b829;color:#e2e8f0;border:1px solid rgba(148,163,184,.35)}.btn.secondary:hover:not(:disabled){background:#94a3b83d}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.credentials-box{background:#0f172aa6;border:1px solid rgba(148,163,184,.25);border-radius:8px;padding:20px;margin:20px 0;display:flex;flex-direction:column;gap:14px}.mail-host-notice{display:flex;flex-direction:column;gap:6px;margin:16px 0;padding:14px 16px;border-radius:8px;border:1px solid rgba(245,158,11,.35);background:#78350f33;color:#fde68a}.mail-host-notice code{color:#f8fafc}.credential-row{display:flex;flex-direction:column;gap:6px}.credential-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.credential-value-wrapper{display:flex;align-items:center;gap:10px;background:#0f172abf;border:1px solid rgba(148,163,184,.25);border-radius:6px;padding:10px 12px}.credential-value{flex:1;font-family:monospace;font-size:13px;color:#f8fafc;word-break:break-all}.dns-records-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(148,163,184,.2)}.dns-records-section h3{font-size:14px;font-weight:600;color:#cbd5e1;margin-bottom:12px}.dns-records-table-wrapper{overflow-x:auto;border-radius:6px;border:1px solid rgba(148,163,184,.2);margin-bottom:8px}.dns-records-table{width:100%;border-collapse:collapse;font-size:13px}.dns-records-table th{background:#1e293bcc;color:#94a3b8;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;text-align:left;border-bottom:1px solid rgba(148,163,184,.2);white-space:nowrap}.dns-records-table td{padding:8px 12px;border-bottom:1px solid rgba(148,163,184,.1);color:#e2e8f0;vertical-align:middle}.dns-records-table tr:last-child td{border-bottom:none}.dns-records-table tr:hover td{background:#94a3b80d}.dns-type{font-family:monospace;background:#60a5fa26;color:#93c5fd;padding:2px 6px;border-radius:3px;font-size:12px}.dns-mono{font-family:monospace;font-size:12px;color:#e2e8f0}.dns-value{max-width:280px;display:inline-block;word-break:break-all}.setup-message-box{border-color:#f59e0b59!important;background:#78350f33!important}@media(max-width:640px){.onboarding-box{padding:24px}.onboarding-box h1{font-size:24px}.step-summary{grid-template-columns:1fr}.dns-instructions{padding:16px}.nameserver-list{flex-direction:column}.ns-item{flex-direction:column;align-items:flex-start}.dns-records-table th,.dns-records-table td{padding:6px 8px;font-size:12px}.dns-value{max-width:160px}.copy-btn{width:100%}}:root{--bg: #0b1020;--glass: rgba(15, 23, 42, .55);--glass-strong: rgba(15, 23, 42, .7);--text: #e5e7eb;--muted: #94a3b8;--accent: #3b82f6;--accent-2: #60a5fa;--chip: rgba(59, 130, 246, .15);--shadow: 0 16px 40px rgba(0, 0, 0, .35);--border: rgba(148, 163, 184, .25)}.dashboard{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(15,23,42,.5) 0%,transparent 60%),radial-gradient(1200px 600px at 80% 20%,rgba(17,24,39,.5) 0%,transparent 55%),transparent;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard.loading{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.dashboard-header{background:linear-gradient(135deg,#2b2b2b,#1c1c1c);color:#fff;padding:1rem 0;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem;font-size:1.3rem;font-weight:700}.logo h1{margin:0}.header-right{display:flex;align-items:center;gap:1.5rem}.user-email{font-size:.95rem;opacity:.9}.btn-logout{background:#fff3;border:none;color:#fff;padding:.6rem;border-radius:6px;cursor:pointer;transition:background .3s;display:flex;align-items:center}.btn-logout:hover{background:#ffffff4d}.dashboard-body{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;gap:2rem;padding:2rem}.sidebar{width:240px;flex-shrink:0}.nav-menu{background:var(--glass);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-section{margin-bottom:2rem}.nav-section:last-child{margin-bottom:0}.nav-section h3{font-size:.85rem;font-weight:600;color:#fff;text-transform:uppercase;margin-bottom:.8rem;letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;color:#fff;text-decoration:none;border-radius:6px;transition:all .3s;margin-bottom:.4rem;font-size:.95rem}.nav-item:hover,.nav-item.active{background:#3b82f626;color:var(--text);font-weight:600}.nav-item.active{color:var(--accent-2);background:#3b82f633}.nav-item svg{flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:var(--glass-strong);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.domains{background:linear-gradient(135deg,#7c6cff,#9b8cff);color:#fff}.stat-icon.mailboxes{background:linear-gradient(135deg,#6ee7ff,#5a9bff);color:#fff}.stat-icon.storage{background:linear-gradient(135deg,#fda4af,#f472b6);color:#fff}.stat-info h3{font-size:2rem;margin:0 0 .25rem;color:#f1f5f9}.stat-info p{margin:0;color:#fff;font-size:.9rem}.domains-section{background:var(--glass-strong);border-radius:22px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{margin:0;font-size:1.5rem;color:#f1f5f9}.btn-primary,.btn-secondary,.btn-icon{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 10px 24px #6c63ff59}.btn-primary:hover{background:linear-gradient(135deg,#5c53ff,#7b6bff)}.btn-secondary{background:#94a3b826;color:#fff}.btn-secondary:hover{background:#94a3b840}.btn-icon{padding:.6rem;background:#94a3b826;color:#fff}.btn-icon:hover{background:#94a3b840}.btn-icon.primary{background:#e0f2fe;color:#0c4a6e}.btn-icon.primary:hover{background:#cffafe}.btn-icon.danger{background:#fee2e2;color:#991b1b}.btn-icon.danger:hover{background:#fecaca}.empty-state{text-align:center;padding:3rem 2rem;color:#fff}.empty-state svg{width:64px;height:64px;margin:0 auto 1rem;color:#fff}.empty-state h3{font-size:1.3rem;color:#f1f5f9;margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem;color:#fff}.domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.domain-card{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:1.5rem;transition:all .3s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.domain-card:hover{border-color:#6c63ff73;box-shadow:0 12px 26px #6c63ff2e;transform:translateY(-4px)}.domain-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.domain-name{display:flex;align-items:center;gap:.75rem}.domain-name h3{margin:0;font-size:1.1rem;color:#f1f5f9}.domain-name svg{color:#f59e0b}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.badge.success{background:#e9f7ef;color:#0f5132}.badge.pending{background:#fff3cd;color:#9a3412}.domain-mailboxes{margin-bottom:1rem}.mailboxes-count{font-size:.9rem;color:#fff;margin-bottom:.5rem}.mailboxes-list{display:flex;flex-wrap:wrap;gap:.5rem}.mailbox-tag{background:#94a3b81f;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;color:#fff;border:1px solid rgba(148,163,184,.25)}.mailbox-more{color:#fff;font-size:.8rem;padding:.4rem .8rem}.domain-actions{display:flex;gap:.5rem;justify-content:flex-end}.quick-actions{margin-top:1rem}.quick-actions h2{margin-top:0;margin-bottom:1.5rem;color:#f1f5f9}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.action-card{background:var(--glass-strong);border-radius:20px;padding:1.5rem;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .3s}.action-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.action-card svg{width:48px;height:48px;margin:0 auto 1rem;color:#2563eb}.action-card h3{margin:0 0 .5rem;font-size:1rem;color:#f1f5f9}.action-card p{margin:0 0 1rem;font-size:.85rem;color:#fff}.action-badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.9rem;padding:.28rem .58rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#fcd34d;background:#f59e0b29;border:1px solid rgba(245,158,11,.35)}.action-card .btn-secondary{width:100%;justify-content:center}.error-banner{background:#fee2e2;color:#991b1b;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem;border-bottom:1px solid #fecaca}.error-close{background:none;border:none;cursor:pointer;color:#991b1b;display:flex;align-items:center;padding:2px;border-radius:4px}.error-close:hover{background:#fecaca}.subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#3b82f633,#6366f133);border:1px solid rgba(99,102,241,.4);border-radius:16px;padding:1.25rem 1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.subscription-banner-content strong{display:block;font-size:1rem;color:#e0e7ff;margin-bottom:4px}.subscription-banner-content p{margin:0;font-size:.875rem;color:#fff}.mailbox-detail-list{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.mailbox-detail-row{display:flex;align-items:center;justify-content:space-between;background:#94a3b814;border-radius:8px;padding:.6rem .75rem}.mailbox-email{font-size:.875rem;font-family:monospace;color:#fff}.no-mailboxes{font-size:.85rem;color:#fff;text-align:center;padding:.5rem}.btn-add-mailbox{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;background:#3b82f626;color:#fff;border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s}.btn-add-mailbox:hover{background:#3b82f640}@media(max-width:1024px){.dashboard-body{flex-direction:column}.sidebar{width:100%}.nav-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.nav-section{margin-bottom:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.domains-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:640px){.dashboard-body{padding:1rem;gap:1rem}.nav-menu{grid-template-columns:1fr}.domain-header{flex-direction:column}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.btn-primary{width:100%;justify-content:center}.header-content{padding:0 1rem}.domain-actions{margin-top:1rem}}.webmail-launch-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.webmail-launch-card{width:100%;max-width:440px;border:1px solid rgba(45,212,191,.25);background:#0f172ab8;border-radius:16px;padding:28px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#e2e8f0}.webmail-launch-card h1{margin:10px 0 8px;font-size:1.35rem;color:#f8fafc}.webmail-launch-card p{margin:0;font-size:.95rem;color:#cbd5e1}.spinner{width:38px;height:38px;margin:0 auto;border-radius:50%;border:3px solid rgba(45,212,191,.2);border-top-color:#2dd4bf;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.webmail-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.webmail-login-card{width:100%;max-width:520px;border:1px solid rgba(45,212,191,.25);background:#000000b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 12px 40px #00000073;padding:28px;color:#e2e8f0}.webmail-login-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#2dd4bf;background:#2dd4bf24;border:1px solid rgba(45,212,191,.35)}.webmail-login-card h1{margin:14px 0 10px;font-size:30px;font-weight:800;line-height:1.2}.webmail-login-card p{margin:0;color:#cbd5e1;line-height:1.65}.webmail-login-actions{margin-top:22px;display:grid;gap:10px}.webmail-btn{border:0;border-radius:10px;padding:12px 14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.webmail-btn.primary{color:#03261f;background:#2dd4bf}.webmail-btn.primary:hover{background:#20bca8}.webmail-btn.secondary{color:#e2e8f0;background:#1e293bd9;border:1px solid rgba(148,163,184,.25)}.webmail-btn.secondary:hover{background:#1e293b}.webmail-btn.ghost{color:#93c5fd;background:transparent}.webmail-btn.ghost:hover{color:#bfdbfe;background:#3b82f614}.webmail-login-note{margin-top:14px;font-size:13px;color:#94a3b8}.guide-page{min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(15,23,42,.5) 0%,transparent 60%),radial-gradient(1200px 600px at 80% 20%,rgba(17,24,39,.5) 0%,transparent 55%),transparent;color:#e2e8f0}.guide-header{background:#0f172ab3;border-bottom:1px solid rgba(148,163,184,.25);padding:40px 24px;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.guide-header h1{font-size:32px;margin-bottom:8px}.guide-header p{color:#cbd5e1;font-size:16px}.guide-container{max-width:1200px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:280px 1fr;gap:40px}.guide-nav{position:sticky;top:80px;height:-moz-fit-content;height:fit-content}.guide-nav h3{font-size:14px;font-weight:600;text-transform:uppercase;color:#94a3b8;margin-bottom:16px}.guide-nav ul{list-style:none;padding:0}.guide-nav li{margin-bottom:12px}.guide-nav a{color:#cbd5e1;text-decoration:none;font-size:14px;transition:color .2s;cursor:pointer;padding:4px 10px;border-left:2px solid transparent;display:block}.guide-nav a:hover{color:#f8fafc}.guide-nav a.active{color:#2dd4bf;border-left-color:#2dd4bf;font-weight:600}.guide-content{background:#0f172ab3;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:40px;box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.guide-content section{margin-bottom:60px;scroll-margin-top:80px}.guide-content h2{font-size:24px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgba(148,163,184,.25)}.step{margin-bottom:32px;padding:24px;background:#0f172abf;border-radius:8px;border-left:4px solid #60a5fa}.step h3{font-size:16px;margin-bottom:16px}.step ol{padding-left:20px}.step li{margin-bottom:8px;color:#cbd5e1;line-height:1.6}.step code{background:#1e293bcc;padding:2px 6px;border-radius:3px;font-family:monospace;color:#bfdbfe;font-size:13px}.step table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.step table tr{border-bottom:1px solid rgba(148,163,184,.25)}.step table td{padding:12px;vertical-align:top}.step table td:first-child{font-weight:600;width:180px;color:#f8fafc}.step table td:last-child{color:#cbd5e1}.step table code{display:block;background:#1e293bcc;padding:8px;margin:4px 0}.step a{color:#93c5fd;text-decoration:none}.step a:hover{text-decoration:underline}.info-box{background:#0f172abf;border:1px solid rgba(148,163,184,.25);border-radius:8px;padding:20px;margin-top:16px}.info-box h4{font-size:14px;margin-bottom:12px}.info-box ul{list-style:none;padding:0}.info-box li{padding:6px 0;font-size:14px;color:#cbd5e1}.faq-section{border-top:2px solid rgba(148,163,184,.25);padding-top:40px}.faq-section h2{border:none;padding:0}.faq-item{margin-bottom:32px}.faq-item h4{font-size:15px;color:#f8fafc;margin-bottom:12px;font-weight:600}.faq-item p{color:#cbd5e1;line-height:1.8;font-size:14px}@media(max-width:768px){.guide-container{grid-template-columns:1fr;gap:20px}.guide-nav{position:static;margin-bottom:20px;padding:20px;background:#0f172ab3;border:1px solid rgba(148,163,184,.25);border-radius:8px}.guide-content{padding:20px}.guide-header h1{font-size:24px}.step{padding:16px}.step table{font-size:12px}.step table td{padding:8px}}.storage-page{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(45,212,191,.12),transparent 42%),radial-gradient(circle at 80% 0%,rgba(56,189,248,.1),transparent 40%),#0b1220;color:#e2e8f0;padding:1.25rem 1.25rem 2rem}.storage-page.loading{display:grid;place-items:center}.storage-banner{border-radius:10px;padding:.7rem .9rem;margin-bottom:.8rem;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.storage-banner.error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fecaca}.storage-banner.warn{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fde68a}.storage-banner.success{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#bbf7d0}.banner-close-btn{border:none;background:transparent;color:inherit;cursor:pointer;font-size:1.05rem;line-height:1;padding:0 .2rem}.storage-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172abf}.storage-header-left{display:flex;align-items:center;gap:.85rem}.storage-header h1{margin:0;font-size:1.2rem}.storage-header p{margin:.2rem 0 0;font-size:.85rem;color:#94a3b8}.storage-header-actions{display:flex;align-items:center;gap:.6rem}.hidden-input{display:none}.btn-secondary,.icon-btn{border:1px solid rgba(148,163,184,.32);background:#0f172ab3;color:#e2e8f0;border-radius:9px;cursor:pointer}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;font-size:.88rem;font-weight:600}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.icon-btn.danger{color:#fca5a5}.dropzone{margin-top:.8rem;border:1px dashed rgba(45,212,191,.45);border-radius:10px;padding:.65rem .8rem;color:#99f6e4;background:#0d948814;font-size:.86rem;cursor:pointer}.dropzone:focus-visible,.banner-close-btn:focus-visible{outline:2px solid #99f6e4;outline-offset:2px}.storage-toolbar{margin-top:.9rem;display:flex;justify-content:space-between;gap:.8rem;align-items:center}.breadcrumbs{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.breadcrumbs button{border:none;background:transparent;color:#93c5fd;cursor:pointer;font-size:.84rem}.crumb{display:inline-flex;align-items:center;gap:.2rem;color:#64748b}.view-toggle{display:inline-flex;border:1px solid rgba(148,163,184,.3);border-radius:9px;overflow:hidden}.view-toggle button{border:none;background:#0f172ab3;color:#cbd5e1;width:34px;height:32px;cursor:pointer}.view-toggle button.active{background:#2dd4bf33;color:#99f6e4}.grid-view{margin-top:.85rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.item-card{text-align:left;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172ab8;padding:.7rem;color:inherit}.item-card.folder{cursor:pointer}.item-meta{margin-top:.55rem;display:grid;gap:.2rem}.item-meta strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta span{font-size:.78rem;color:#94a3b8}.item-actions{margin-top:.55rem;display:flex;gap:.45rem}.list-view{margin-top:.85rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172ab8;overflow:hidden}.list-head,.list-row{display:grid;grid-template-columns:1.8fr .7fr 1fr .6fr;gap:.8rem;align-items:center;padding:.65rem .8rem}.list-head{font-size:.78rem;color:#94a3b8;border-bottom:1px solid rgba(148,163,184,.2)}.list-row{border-top:1px solid rgba(148,163,184,.12)}.list-row span{display:inline-flex;align-items:center;gap:.35rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}.list-row.folder{width:100%;border:none;background:transparent;text-align:left;color:inherit;cursor:pointer}.actions{display:inline-flex!important;gap:.4rem}.empty-state{grid-column:1 / -1;border:1px dashed rgba(148,163,184,.25);border-radius:10px;padding:1.1rem;text-align:center;color:#94a3b8;font-size:.88rem}.storage-content-shell{margin-top:.9rem;display:grid;grid-template-columns:260px 1fr;gap:.9rem}.drawer-sidebar{border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#0f172ab8;padding:.7rem;align-self:start}.drawer-head h3{margin:0;font-size:.9rem;color:#cbd5e1}.drawer-create{margin-top:.7rem;display:grid;grid-template-columns:1fr 36px;gap:.45rem}.drawer-create input{width:100%;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#ffffff08;color:#e2e8f0;padding:.45rem .55rem;box-sizing:border-box}.drawer-create button{border:1px solid rgba(148,163,184,.3);background:#2dd4bf29;color:#99f6e4;border-radius:8px;cursor:pointer}.drawer-create button:disabled{opacity:.6;cursor:not-allowed}.drawer-list{margin-top:.7rem;display:grid;gap:.4rem}.drawer-item{display:grid;grid-template-columns:1fr auto;gap:.3rem;align-items:center;border-radius:8px;padding:.3rem}.drawer-item.active{background:#2dd4bf1f}.drawer-name{border:none;background:transparent;color:#e2e8f0;font-size:.82rem;text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:.32rem}.drawer-actions{display:inline-flex;gap:.25rem}.drawer-actions button{border:1px solid rgba(148,163,184,.25);background:#0f172ab3;color:#cbd5e1;border-radius:6px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.storage-main{min-width:0}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:880px){.storage-header{flex-direction:column;align-items:stretch}.storage-header-actions{justify-content:flex-end}.list-head,.list-row{grid-template-columns:1.5fr .8fr}.list-head span:nth-child(3),.list-head span:nth-child(4),.list-row span:nth-child(3),.list-row span:nth-child(4){display:none}.storage-content-shell{grid-template-columns:1fr}}.pricing{max-width:1200px;margin:0 auto;padding:4rem 2rem;background:radial-gradient(1200px 600px at 20% 0%,rgba(15,23,42,.5) 0%,transparent 60%),radial-gradient(1200px 600px at 80% 20%,rgba(17,24,39,.5) 0%,transparent 55%),transparent;min-height:100vh;color:#e2e8f0}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-header .header-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:18px;background:linear-gradient(135deg,#7c6cff,#9b8cff);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #7c6cff59}.pricing-header h1{font-size:2.5rem;color:#f8fafc;margin-bottom:.5rem}.pricing-header p{font-size:1.1rem;color:#cbd5e1;margin-bottom:2rem}.billing-toggle{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.billing-toggle button{padding:.75rem 2rem;border:1px solid rgba(148,163,184,.35);background:#0f172ab3;color:#e2e8f0;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease}.billing-toggle button:hover{border-color:#60a5fa;color:#bfdbfe}.billing-toggle button.active{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#f8fafc;border-color:#2563eb}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.plan-card{background:#0f172ab3;padding:2rem;border-radius:20px;box-shadow:0 16px 40px #00000059;position:relative;transition:all .3s ease;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.plan-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.plan-card.featured{border:1px solid rgba(108,99,255,.55);transform:scale(1.02);box-shadow:0 16px 36px #6c63ff40}.plan-card.featured:hover{transform:scale(1.02) translateY(-8px)}.plan-card.current{border:1px solid rgba(74,222,128,.6);background:#15803d24}.badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#7c6cff,#9b8cff);color:#fff;padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.85rem;box-shadow:0 8px 18px #7c6cff59}.plan-title{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;color:#f8fafc}.plan-title h2{font-size:1.5rem;color:#f8fafc;margin:0}.price{margin-bottom:2rem}.price .amount{font-size:2.5rem;font-weight:700;color:#4285f4}.price .period{font-size:1rem;color:#94a3b8;margin-left:.5rem}.features{margin-bottom:2rem;min-height:200px}.feature{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;color:#cbd5e1;font-size:.95rem}.feature svg{color:#2563eb}.feature.storage,.feature.mailboxes{padding-top:1rem;border-top:1px solid rgba(148,163,184,.25);margin-top:1rem}.btn-checkout,.btn-current{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-checkout{background:linear-gradient(135deg,#6c63ff,#8b7bff);color:#fff;box-shadow:0 10px 24px #6c63ff59}.btn-checkout:hover:not(:disabled){background:linear-gradient(135deg,#5c53ff,#7b6bff)}.btn-checkout:disabled{background:#94a3b859;cursor:not-allowed}.btn-current{background:#34a853;color:#fff}.btn-current:disabled{cursor:default;opacity:.8}.faq{background:#0f172ab8;padding:3rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 16px 40px #00000059;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.faq h2{font-size:1.8rem;color:#f8fafc;margin-bottom:2rem;text-align:center}.faq-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.faq-item h4{font-size:1.1rem;color:#f8fafc;margin-bottom:.5rem}.faq-item p{color:#cbd5e1;line-height:1.6}.support{background:#0f172ab8;color:#e2e8f0;padding:3rem 2rem;border-radius:22px;text-align:center;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 40px #00000059}.support h2{font-size:1.8rem;margin-bottom:1rem}.support p{font-size:1rem;line-height:1.8}@media(max-width:768px){.pricing{padding:2rem 1rem}.pricing-header h1{font-size:2rem}.plans-container{grid-template-columns:1fr}.plan-card.featured{transform:scale(1)}.plan-card.featured:hover{transform:translateY(-8px)}.billing-toggle{flex-direction:column}.faq-items{grid-template-columns:1fr}}