@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Kanit:wght@300;400;500;600;700&display=swap";:root{--font-sans: "Outfit", "Kanit", sans-serif;--color-base-hue: 250;--color-bg-primary: 255 255 255;--color-bg-secondary: 248 250 252;--color-bg-accent: 241 245 249;--color-text-primary: 15 23 42;--color-text-secondary: 71 85 105;--color-text-accent: 99 102 241;--color-primary: 99 102 241;--color-primary-hover: 79 70 229;--color-primary-fg: 255 255 255;--color-secondary: 236 72 153;--color-secondary-hover: 219 39 119;--color-glass-surface: 255 255 255;--glass-opacity: .7;--glass-border: 255 255 255;--color-border: 226 232 240;--color-shadow: 148 163 184;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--spacing-2xl: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 3rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .15);--shadow-glow: 0 0 20px rgba(99, 102, 241, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.25, .8, .25, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1)}:root[class=dark]{--color-bg-primary: 10 10 20;--color-bg-secondary: 20 20 35;--color-bg-accent: 40 40 60;--color-text-primary: 255 255 255;--color-text-secondary: 160 170 200;--color-glass-surface: 20 20 35;--glass-opacity: .4;--glass-border: 255 255 255;--color-border: 255 255 255;--color-shadow: 0 0 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid;border-color:rgba(var(--color-border),.1)}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;tab-size:4}body{background-color:rgb(var(--color-bg-primary));color:rgb(var(--color-text-primary));line-height:1.6;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}::selection{background-color:rgba(var(--color-primary),.3);color:inherit}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--text-4xl);margin-bottom:var(--spacing-lg);letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.01em}h3{font-size:var(--text-2xl)}p{margin-bottom:var(--spacing-md)}small{font-size:var(--text-sm)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:rgb(var(--color-primary))}button{cursor:pointer;font-family:inherit;background:transparent}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);max-width:1280px}@media(max-width:640px){.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}:root{--text-4xl: 2.25rem;--text-3xl: 1.875rem}}.glass-panel{background:rgba(var(--color-glass-surface),var(--glass-opacity));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--glass-border),.15);box-shadow:0 8px 32px #0000001a}.interactive{transition:transform var(--transition-spring),box-shadow var(--transition-normal)}.interactive:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg)}.interactive:active{transform:translateY(0) scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes meshFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}.animate-slide-up{animation:slideUp var(--transition-smooth) forwards}.animate-float{animation:float 6s ease-in-out infinite}.mesh-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(at 0% 0%,rgba(var(--color-primary),.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(var(--color-secondary),.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(var(--color-text-accent),.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(var(--color-primary),.1) 0px,transparent 50%);background-size:150% 150%;animation:meshFlow 20s ease infinite;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.6;animation:float 10s ease-in-out infinite}.blob-1{top:-10%;left:-10%;width:500px;height:500px;background:rgba(var(--color-primary),.4);animation-delay:0s}.blob-2{bottom:-10%;right:-10%;width:400px;height:400px;background:rgba(var(--color-secondary),.4);animation-delay:-2s}.blob-3{top:40%;left:40%;width:300px;height:300px;background:rgba(var(--color-text-accent),.3);animation-delay:-4s}.text-center{text-align:center}.text-primary{color:rgb(var(--color-primary))}.text-secondary{color:rgb(var(--color-text-secondary))}.bg-primary{background-color:rgb(var(--color-primary));color:var(--color-primary-fg)}.rounded-full{border-radius:9999px}.flex-center{display:flex;justify-content:center;align-items:center}.grid-gap{gap:var(--spacing-md)}.mt-4{margin-top:var(--spacing-md)}.mt-8{margin-top:var(--spacing-xl)}.mb-4{margin-bottom:var(--spacing-md)}.h-full{height:100%}.w-full{width:100%}