:root{--ub-black:#0a0a0e;--ub-white:#fff;--ub-gray-50:#fbfbfd;--ub-gray-100:#f3f4f6;--ub-gray-200:#e5e7eb;--ub-gray-300:#d1d5db;--ub-gray-400:#9ca3af;--ub-gray-500:#6b7280;--ub-gray-600:#4b5563;--ub-gray-700:#374151;--ub-gray-800:#1f2937;--ub-gray-900:#111827;--ub-gray-950:#07090e;--ub-sunset:linear-gradient(135deg, #ff6b6b 0%, #ffa07a 50%, #ffd93d 100%);--ub-ocean:linear-gradient(135deg, #4ecdc4 0%, #44a08d 50%, #2c3e50 100%);--ub-cyber:linear-gradient(135deg, #ff007f 0%, #7928ca 50%, #00f2fe 100%);--ub-forest:linear-gradient(135deg, #134e5e 0%, #71b280 50%, #2e7d32 100%);--ub-candy:linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #a1c4fd 100%);--ub-aurora:linear-gradient(135deg, #00c9ff 0%, #92fe9d 50%, #00c9ff 100%);--ub-midnight:linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--ub-dusk:linear-gradient(135deg, #8a2387 0%, #e94057 50%, #f27121 100%);--ub-hologram:linear-gradient(135deg, #f5576c 0%, #f093fb 30%, #4facfe 70%, #00f2fe 100%);--ub-cosmic:linear-gradient(135deg, #ff0844 0%, #ffb199 100%);--ub-emerald:linear-gradient(135deg, #0ba360 0%, #3cba92 100%);--ub-accent-pink:#ff2a85;--ub-accent-cyan:#00f0ff;--ub-accent-purple:#9d4edd;--ub-accent-lime:#a3e635;--ub-accent-yellow:#ffd60a;--ub-accent-orange:#ff6b35;--ub-bg:#0d0e15;--ub-bg-subtle:#141622;--ub-bg-surface:#1c1e2e;--ub-text:#f3f4f8;--ub-text-muted:#9499ad;--ub-text-subtle:#626880;--ub-border:#ffffff14;--ub-border-hover:#ffffff2e;--ub-primary:var(--ub-cyber);--ub-secondary:var(--ub-ocean);--ub-accent:#ff007f;--ub-focus-ring:#00f2fe;--ub-font-family-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ub-font-family-mono:"JetBrains Mono", "Fira Code", Consolas, Monaco, monospace;--ub-font-family-display:"Cabinet Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;--ub-font-xs:clamp(.7rem, .65rem + .25vw, .8rem);--ub-font-sm:clamp(.8rem, .75rem + .25vw, .9rem);--ub-font-base:clamp(.95rem, .9rem + .3vw, 1.05rem);--ub-font-md:clamp(1.1rem, 1rem + .4vw, 1.25rem);--ub-font-lg:clamp(1.25rem, 1.15rem + .6vw, 1.5rem);--ub-font-xl:clamp(1.5rem, 1.35rem + .8vw, 1.85rem);--ub-font-2xl:clamp(1.85rem, 1.6rem + 1.2vw, 2.35rem);--ub-font-3xl:clamp(2.25rem, 1.9rem + 1.8vw, 3rem);--ub-font-4xl:clamp(2.75rem, 2.3rem + 2.5vw, 3.85rem);--ub-font-5xl:clamp(3.25rem, 2.7rem + 3.2vw, 4.85rem);--ub-font-6xl:clamp(4rem, 3.2rem + 4.2vw, 6.25rem);--ub-leading-tight:1.15;--ub-leading-snug:1.3;--ub-leading-normal:1.55;--ub-leading-relaxed:1.75;--ub-space-1:clamp(.25rem, .2rem + .2vw, .375rem);--ub-space-2:clamp(.5rem, .45rem + .25vw, .625rem);--ub-space-3:clamp(.75rem, .65rem + .4vw, .95rem);--ub-space-4:clamp(1rem, .85rem + .6vw, 1.35rem);--ub-space-5:clamp(1.25rem, 1.05rem + .8vw, 1.75rem);--ub-space-6:clamp(1.5rem, 1.25rem + 1.1vw, 2.25rem);--ub-space-7:clamp(2rem, 1.6rem + 1.6vw, 3rem);--ub-space-8:clamp(2.5rem, 2rem + 2.2vw, 4rem);--ub-space-9:clamp(3rem, 2.4rem + 3vw, 5.25rem);--ub-space-10:clamp(4rem, 3rem + 4vw, 7rem);--ub-radius-xs:4px;--ub-radius-sm:8px;--ub-radius-md:14px;--ub-radius-lg:20px;--ub-radius-xl:28px;--ub-radius-2xl:36px;--ub-radius-pill:9999px;--ub-radius-blob:42% 58% 70% 30% / 45% 45% 55% 55%;--ub-radius-blob-alt:60% 40% 30% 70% / 60% 30% 70% 40%;--ub-shadow-soft:0 4px 12px -2px #0003, 0 2px 6px -1px #00000026;--ub-shadow-float:0 16px 36px -6px #00000059, 0 8px 18px -4px #0003;--ub-shadow-deep:0 25px 60px -12px #0000008c;--ub-shadow-neon:0 0 24px -2px #ff007f80, 0 0 48px -4px #00f2fe4d;--ub-shadow-glow-cyan:0 0 30px #00f2fe66;--ub-shadow-glow-pink:0 0 30px #ff007f66;--ub-shadow-glow-sunset:0 0 30px #ff6b6b66;--ub-shadow-inner-glass:inset 0 1px 1px 0 #ffffff2e;--ub-glass-bg:#1c1e2e8c;--ub-glass-bg-subtle:#ffffff08;--ub-glass-bg-hover:#ffffff14;--ub-glass-blur:16px;--ub-glass-border:#ffffff1f;--ub-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--ub-transition-base:.26s cubic-bezier(.4, 0, .2, 1);--ub-transition-slow:.45s cubic-bezier(.4, 0, .2, 1);--ub-transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--ub-transition-bounce:.6s cubic-bezier(.68, -.6, .32, 1.6)}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth;font-feature-settings:"cv02", "cv03", "cv04", "cv11"}body{min-height:100vh;line-height:var(--ub-leading-normal,1.55);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button,[role=button]{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--ub-focus-ring,#00f2fe);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--ub-font-family-sans);font-size:var(--ub-font-base);color:var(--ub-text);background-color:var(--ub-bg);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--ub-font-family-display,var(--ub-font-family-sans));font-weight:700;line-height:var(--ub-leading-tight);color:var(--ub-text);letter-spacing:-.02em}h1{font-size:var(--ub-font-5xl)}h2{font-size:var(--ub-font-4xl)}h3{font-size:var(--ub-font-3xl)}h4{font-size:var(--ub-font-2xl)}h5{font-size:var(--ub-font-xl)}h6{font-size:var(--ub-font-lg)}p{color:var(--ub-text-muted);line-height:var(--ub-leading-normal);max-width:70ch}small{font-size:var(--ub-font-sm);color:var(--ub-text-subtle)}strong,b{color:var(--ub-text);font-weight:600}code,kbd,samp,pre{font-family:var(--ub-font-family-mono);font-size:.9em}code{background:var(--ub-bg-surface);border:1px solid var(--ub-border);border-radius:var(--ub-radius-xs);color:var(--ub-accent-cyan);padding:.15em .4em}pre{padding:var(--ub-space-4);background:var(--ub-bg-subtle);border:1px solid var(--ub-border);border-radius:var(--ub-radius-md);overflow-x:auto}pre code{color:inherit;background:0 0;border:none;padding:0}hr{border:none;border-top:1px solid var(--ub-border);margin:var(--ub-space-6) 0}blockquote{border-left:3px solid var(--ub-accent);padding-left:var(--ub-space-4);color:var(--ub-text-muted);font-style:italic}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none!important}.center{justify-content:center;align-items:center;display:flex}.center-grid{place-items:center;display:grid}.stack{flex-direction:column;display:flex}.row{flex-direction:row;display:flex}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gap-1{gap:var(--ub-space-1)}.gap-2{gap:var(--ub-space-2)}.gap-3{gap:var(--ub-space-3)}.gap-4{gap:var(--ub-space-4)}.gap-5{gap:var(--ub-space-5)}.gap-6{gap:var(--ub-space-6)}.gap-8{gap:var(--ub-space-8)}.p-0{padding:0}.p-1{padding:var(--ub-space-1)}.p-2{padding:var(--ub-space-2)}.p-3{padding:var(--ub-space-3)}.p-4{padding:var(--ub-space-4)}.p-5{padding:var(--ub-space-5)}.p-6{padding:var(--ub-space-6)}.p-7{padding:var(--ub-space-7)}.p-8{padding:var(--ub-space-8)}.px-2{padding-left:var(--ub-space-2);padding-right:var(--ub-space-2)}.px-4{padding-left:var(--ub-space-4);padding-right:var(--ub-space-4)}.px-6{padding-left:var(--ub-space-6);padding-right:var(--ub-space-6)}.py-2{padding-top:var(--ub-space-2);padding-bottom:var(--ub-space-2)}.py-4{padding-top:var(--ub-space-4);padding-bottom:var(--ub-space-4)}.py-6{padding-top:var(--ub-space-6);padding-bottom:var(--ub-space-6)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.m-1{margin:var(--ub-space-1)}.m-2{margin:var(--ub-space-2)}.m-3{margin:var(--ub-space-3)}.m-4{margin:var(--ub-space-4)}.m-6{margin:var(--ub-space-6)}.mb-2{margin-bottom:var(--ub-space-2)}.mb-4{margin-bottom:var(--ub-space-4)}.mb-6{margin-bottom:var(--ub-space-6)}.bg-sunset{background-image:var(--ub-sunset)}.bg-ocean{background-image:var(--ub-ocean)}.bg-cyber{background-image:var(--ub-cyber)}.bg-forest{background-image:var(--ub-forest)}.bg-candy{background-image:var(--ub-candy)}.bg-aurora{background-image:var(--ub-aurora)}.bg-midnight{background-image:var(--ub-midnight)}.bg-dusk{background-image:var(--ub-dusk)}.bg-hologram{background-image:var(--ub-hologram)}.bg-surface{background-color:var(--ub-bg-surface)}.bg-subtle{background-color:var(--ub-bg-subtle)}.bg-dark{background-color:var(--ub-black)}.bg-white{background-color:var(--ub-white)}.bg-transparent{background-color:#0000}.text-sunset{color:#ff7e67}.text-ocean{color:#4ecdc4}.text-cyber{color:#00f2fe}.text-pink{color:var(--ub-accent-pink)}.text-lime{color:var(--ub-accent-lime)}.text-yellow{color:var(--ub-accent-yellow)}.text-white{color:#fff}.text-muted{color:var(--ub-text-muted)}.text-subtle{color:var(--ub-text-subtle)}.text-gradient{background-image:var(--ub-cyber);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-sunset{background-image:var(--ub-sunset);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-aurora{background-image:var(--ub-aurora);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-glow{text-shadow:0 0 15px}.font-sans{font-family:var(--ub-font-family-sans)}.font-mono{font-family:var(--ub-font-family-mono)}.font-display{font-family:var(--ub-font-family-display,var(--ub-font-family-sans))}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase;letter-spacing:.08em}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.glass{background:var(--ub-glass-bg);-webkit-backdrop-filter:blur(var(--ub-glass-blur));border:1px solid var(--ub-glass-border);box-shadow:var(--ub-shadow-inner-glass), var(--ub-shadow-soft)}.glass-heavy{-webkit-backdrop-filter:blur(28px);box-shadow:var(--ub-shadow-float);background:#121420bf;border:1px solid #ffffff26}.glass-clean{-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a}.noise{background-image:radial-gradient(#ffffff14 1px,#0000 0);background-size:16px 16px}.grain{position:relative}.grain:before{content:"";pointer-events:none;opacity:.4;background-image:radial-gradient(#0000001a 1px,#0000 0);background-size:8px 8px;position:absolute;inset:0}.rounded-xs{border-radius:var(--ub-radius-xs)}.rounded-sm{border-radius:var(--ub-radius-sm)}.rounded-md{border-radius:var(--ub-radius-md)}.rounded-lg{border-radius:var(--ub-radius-lg)}.rounded-xl{border-radius:var(--ub-radius-xl)}.rounded-2xl{border-radius:var(--ub-radius-2xl)}.rounded-pill{border-radius:var(--ub-radius-pill)}.circle{aspect-ratio:1;border-radius:50%}.rounded-blob{border-radius:var(--ub-radius-blob)}.border{border:1px solid var(--ub-border)}.border-glow{border:1px solid var(--ub-accent-cyan);box-shadow:var(--ub-shadow-glow-cyan)}.border-dashed{border-style:dashed}.border-none{border:none}.shadow-soft{box-shadow:var(--ub-shadow-soft)}.shadow-float{box-shadow:var(--ub-shadow-float)}.shadow-deep{box-shadow:var(--ub-shadow-deep)}.shadow-neon{box-shadow:var(--ub-shadow-neon)}.shadow-none{box-shadow:none}.container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.container-sm{max-width:640px;margin-inline:auto;padding-inline:1rem}.container-md{max-width:860px;margin-inline:auto;padding-inline:1.25rem}.container-lg{max-width:1140px;margin-inline:auto;padding-inline:1.5rem}.container-fluid{width:100%;padding-inline:clamp(1rem,3vw,2rem)}.stack-responsive{align-items:center;gap:var(--ub-space-4,1rem);flex-direction:row;display:flex}.grid-responsive{gap:var(--ub-space-4,1rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.w-full{width:100%}.w-screen{width:100vw}.max-w-full{max-width:100%}.min-h-screen{min-height:100vh}.h-full{height:100%}@media (width<=768px){.stack-responsive{flex-direction:column!important;align-items:stretch!important}.hide-mobile,.hidden-mobile{display:none!important}.show-mobile,.block-mobile{display:block!important}.flex-mobile{display:flex!important}.sm\:grid-cols-1{grid-template-columns:1fr!important}.sm\:stack{flex-direction:column!important;display:flex!important}.sm\:text-center{text-align:center!important}.sm\:w-full{width:100%!important}.sm\:p-4{padding:var(--ub-space-4,1rem)!important}.sm\:gap-3{gap:var(--ub-space-3,.75rem)!important}}@media (width>=769px){.show-mobile,.hide-desktop{display:none!important}}@media (width>=769px) and (width<=1024px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:stack{flex-direction:column!important}.hide-tablet{display:none!important}}@media (width>=1025px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@container (width<=480px){.cq-stack{flex-direction:column!important}.cq-hide{display:none!important}}.--dark,[class~=--dark]{background-color:var(--ub-bg-surface);color:var(--ub-text);--ub-bg:#090a0f!important;--ub-bg-surface:#13141f!important;--ub-text:#f9fafb!important;--ub-text-muted:#9ca3af!important;--ub-border:#ffffff1a!important}.--light,[class~=--light]{background-color:var(--ub-bg-surface);color:var(--ub-text);box-shadow:0 4px 20px -2px #0000000f;--ub-bg:#f8fafc!important;--ub-bg-surface:#fff!important;--ub-text:#0f172a!important;--ub-text-muted:#64748b!important;--ub-border:#00000014!important}.--neon,[class~=--neon]{border-color:#00f2fe!important;box-shadow:0 0 20px #00f2fe59,inset 0 0 10px #ff007f33!important}.--pastel,[class~=--pastel]{background:linear-gradient(135deg,#ff9aa226,#fecfef33)!important;border-color:#ffb7c566!important}.--xs{font-size:var(--ub-font-xs)!important;padding:var(--ub-space-1) var(--ub-space-2)!important}.--sm{font-size:var(--ub-font-sm)!important;padding:var(--ub-space-2) var(--ub-space-3)!important}.--md{font-size:var(--ub-font-base)!important;padding:var(--ub-space-3) var(--ub-space-5)!important}.--lg{font-size:var(--ub-font-lg)!important;padding:var(--ub-space-4) var(--ub-space-6)!important}.--xl{font-size:var(--ub-font-xl)!important;padding:var(--ub-space-5) var(--ub-space-8)!important}.--full{width:100%!important}.--compact{padding:var(--ub-space-2) var(--ub-space-3)!important;gap:var(--ub-space-2)!important}.--loose{padding:var(--ub-space-6) var(--ub-space-8)!important;gap:var(--ub-space-5)!important}.--calm{backdrop-filter:blur(8px)!important;box-shadow:none!important;background:#ffffff08!important;border-color:#ffffff0f!important}.--chaos{animation:.4s infinite alternate ub-chaos-pulse;border-color:#ff007f!important}@keyframes ub-chaos-pulse{0%{transform:scale(1)rotate(0)}to{transform:scale(1.02)rotate(-.5deg)}}.--soft{border-radius:var(--ub-radius-2xl)!important;box-shadow:var(--ub-shadow-soft)!important;border:1px solid #ffffff14!important}.--bold{letter-spacing:-.01em!important;border-width:2px!important;font-weight:700!important}.--glow{box-shadow:0 0 25px #ff007f66!important}.--round{border-radius:var(--ub-radius-pill)!important}@media (width<=767px){.hidden--mobile{display:none!important}.visible--mobile{display:block!important}.stack--mobile{flex-direction:column!important}.full--mobile{width:100%!important}.text-center--mobile{text-align:center!important}}@media (width>=768px){.hidden--desktop{display:none!important}.visible--desktop{display:block!important}.row--desktop{flex-direction:row!important}}.vibe-card{padding:var(--ub-space-6);background:var(--ub-glass-bg);-webkit-backdrop-filter:blur(var(--ub-glass-blur));border:1px solid var(--ub-glass-border);border-radius:var(--ub-radius-lg);box-shadow:var(--ub-shadow-inner-glass), var(--ub-shadow-soft);color:var(--ub-text);transition:transform var(--ub-transition-base), box-shadow var(--ub-transition-base), border-color var(--ub-transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.vibe-card:hover{border-color:var(--ub-border-hover);box-shadow:var(--ub-shadow-inner-glass), var(--ub-shadow-float);transform:translateY(-4px)}.vibe-card>header{margin-bottom:var(--ub-space-4)}.vibe-card>footer{padding-top:var(--ub-space-4);align-items:center;gap:var(--ub-space-3);margin-top:auto;display:flex}.vibe-btn{justify-content:center;align-items:center;gap:var(--ub-space-2);padding:var(--ub-space-3) var(--ub-space-6);font-family:var(--ub-font-family-display,var(--ub-font-family-sans));font-size:var(--ub-font-base);color:#fff;background-image:var(--ub-primary);border-radius:var(--ub-radius-md);cursor:pointer;user-select:none;white-space:nowrap;transition:transform var(--ub-transition-spring), box-shadow var(--ub-transition-base), background-position var(--ub-transition-base), filter var(--ub-transition-base);background-size:200%;border:1px solid #fff3;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px -2px #ff007f59}.vibe-btn:hover{filter:brightness(1.08);background-position:100%;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px -2px #ff007f8c,0 0 15px #00f2fe4d}.vibe-btn:active{transform:scale(.96);box-shadow:0 2px 8px #0000004d}.vibe-btn:disabled,.vibe-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.vibe-input{width:100%;padding:var(--ub-space-3) var(--ub-space-4);font-family:var(--ub-font-family-sans);font-size:var(--ub-font-base);color:var(--ub-text);background:var(--ub-bg-surface);border:1px solid var(--ub-border);border-radius:var(--ub-radius-md);transition:border-color var(--ub-transition-base), box-shadow var(--ub-transition-base), background var(--ub-transition-base);outline:none}.vibe-input::placeholder{color:var(--ub-text-subtle)}.vibe-input:focus{border-color:var(--ub-accent-cyan);background:var(--ub-bg-subtle);box-shadow:0 0 0 3px #00f2fe40, var(--ub-shadow-inner-glass)}.vibe-nav{top:var(--ub-space-4);z-index:100;padding:var(--ub-space-3) var(--ub-space-6);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ub-glass-border);border-radius:var(--ub-radius-pill);max-width:1200px;box-shadow:var(--ub-shadow-float);background:#0d0e15bf;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;display:flex;position:sticky}.vibe-nav a{color:var(--ub-text-muted);transition:color var(--ub-transition-fast);font-weight:500}.vibe-nav a:hover{color:var(--ub-text)}.vibe-hero{text-align:center;padding:var(--ub-space-10) var(--ub-space-6);border-radius:var(--ub-radius-2xl);background:radial-gradient(circle at 50% 20%,#ff007f26,#0000 60%),radial-gradient(circle at 80% 80%,#00f2fe1f,#0000 50%);flex-direction:column;justify-content:center;align-items:center;min-height:65vh;display:flex;position:relative;overflow:hidden}.vibe-hero h1{font-size:var(--ub-font-6xl);margin-bottom:var(--ub-space-4)}.vibe-hero p{font-size:var(--ub-font-lg);max-width:600px;margin-bottom:var(--ub-space-6)}.vibe-grid{gap:var(--ub-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));width:100%;display:grid}.vibe-badge{align-items:center;gap:var(--ub-space-2);padding:var(--ub-space-1) var(--ub-space-3);font-size:var(--ub-font-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--ub-radius-pill);border:1px solid var(--ub-border);color:var(--ub-text);background:#ffffff14;font-weight:600;display:inline-flex}.vibe-badge--neon{color:var(--ub-accent-cyan);background:#00f2fe1f;border-color:#00f2fe66;box-shadow:0 0 10px #00f2fe40}.vibe-badge--sunset{color:#ffa07a;background:#ff6b6b26;border-color:#ff6b6b66}.vibe-alert{align-items:flex-start;gap:var(--ub-space-4);padding:var(--ub-space-4) var(--ub-space-5);border-radius:var(--ub-radius-md);border-left:4px solid var(--ub-accent-cyan);box-shadow:var(--ub-shadow-soft);background:#ffffff0a;display:flex}.vibe-modal-backdrop{z-index:999;padding:var(--ub-space-4);-webkit-backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vibe-modal{width:100%;max-width:540px;padding:var(--ub-space-7);background:var(--ub-bg-surface);border:1px solid var(--ub-glass-border);border-radius:var(--ub-radius-xl);box-shadow:var(--ub-shadow-deep);animation:ub-popIn .35s var(--ub-transition-spring);position:relative}.title,.title-fit{letter-spacing:-.02em;font-size:clamp(2rem,8vw,6rem);line-height:1.15}.text,.text-fit{font-size:clamp(1rem,4vw,1.5rem);line-height:1.6}.small{font-size:clamp(.8rem,3vw,1rem);line-height:1.4}.huge{letter-spacing:-.04em;font-size:clamp(3rem,15vw,12rem);line-height:1}.fluid-text,.text-fluid{font-size:clamp(1.25rem,5vw,3.5rem);line-height:1.2}.text-fluid.--min-24.--max-72{--fluid-min:1.5rem;--fluid-val:calc(5vw + 1rem);--fluid-max:4.5rem;font-size:clamp(var(--fluid-min), var(--fluid-val), var(--fluid-max))}.text-fluid.--min-18.--max-48{--fluid-min:1.125rem;--fluid-val:calc(3.5vw + .75rem);--fluid-max:3rem;font-size:clamp(var(--fluid-min), var(--fluid-val), var(--fluid-max))}.text-fluid.--min-14.--max-20{--fluid-min:.875rem;--fluid-val:calc(1.2vw + .7rem);--fluid-max:1.25rem;font-size:clamp(var(--fluid-min), var(--fluid-val), var(--fluid-max));line-height:1.6}.card,.vibe-card{padding:clamp(1rem,5vw,3rem)}.section{width:100%;margin:clamp(2rem,8vw,6rem) auto}.fluid-space,.space-fluid{margin-inline:auto;padding:clamp(1rem,5vw,4rem)}.container-fluid{width:min(94%,1280px);margin-inline:auto}.grid,.grid.auto,.vibe-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(1rem,4vw,3rem);width:100%;display:grid}.grid-sm{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:clamp(.75rem,3vw,1.5rem);display:grid}.grid-lg{grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:clamp(1.5rem,5vw,4rem);display:grid}.grid.flex{flex-wrap:wrap;gap:clamp(1rem,3vw,2rem);display:flex}.grid.flex>*{flex:min(280px,100%)}.fluid-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(1rem,3vw,2.5rem);display:grid}.fit{width:100%;height:100%}.fit-screen{width:100vw;min-height:100dvh}.fit-content{width:fit-content;max-width:100%}.fit-auto{width:auto;max-width:100%;height:auto}.img-fit{object-fit:contain;max-width:100%;height:auto}.img-cover{object-fit:cover;width:100%;height:100%}.img-contain{object-fit:contain;width:100%;height:100%}.img-blur{filter:blur(8px)}.img-grayscale{filter:grayscale()}.img-sepia{filter:sepia()}.img-duotone{filter:grayscale()contrast(120%)drop-shadow(0 0 #00f2fe);mix-blend-mode:screen}.img-hover-zoom{overflow:hidden}.img-hover-zoom img{transition:transform .5s cubic-bezier(.25,1,.5,1)}.img-hover-zoom:hover img{transform:scale(1.1)}.img-hover-rotate img{transition:transform .6s cubic-bezier(.25,1,.5,1)}.img-hover-rotate:hover img{transform:rotate(4deg)scale(1.05)}@media (orientation:portrait){.landscape-only{display:none!important}}@media (orientation:landscape){.portrait-only{display:none!important}}.orientation-auto{flex-direction:column;display:flex}@media (orientation:landscape){.orientation-auto{flex-direction:row}}@media (pointer:coarse){button,a,input,.touch-friendly{min-width:48px;min-height:48px}.mobile-optimized{padding:var(--ub-space-4,1rem)}}@media (hover:hover) and (pointer:fine){.desktop-optimized,.mouse-friendly{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}}@media (width<=640px){.desktop-only,.tablet-only{display:none!important}.full-width-mobile{width:100%!important;max-width:100%!important}}@media (width>=641px) and (width<=1024px){.mobile-only,.desktop-only{display:none!important}}@media (width>=1025px){.mobile-only,.tablet-only{display:none!important}}.container-query{container-type:inline-size}@container (width<=400px){.card{padding:1rem;font-size:.95rem}}@container (width>=800px){.card{padding:3rem}}.smooth-normal{transition:all .3s cubic-bezier(.4,0,.2,1)}.smooth-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.smooth-slow{transition:all .6s cubic-bezier(.4,0,.2,1)}.smooth-dramatic{transition:all 1s cubic-bezier(.16,1,.3,1)}.smooth-butter{transition:all .8s cubic-bezier(.25,1,.5,1)}.smooth-spring{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.smooth-bounce{transition:all .6s cubic-bezier(.68,-.6,.32,1.6)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}@media (prefers-contrast:high){.card,.btn,.input,.navbar{border-width:2px!important;border-color:currentColor!important}.text{color:inherit!important}}@keyframes ub-float-fluid{0%,to{transform:translateY(0)}50%{transform:translateY(clamp(-8px,-2vw,-20px))}}@media (prefers-reduced-motion:no-preference){.animate-float{animation-name:ub-float-fluid}}.parallax{will-change:transform;transition:transform .1s linear;transform:translateY(0)}@media (width>=768px){.parallax{--parallax-depth:clamp(10px, 5vw, 50px)}}.cursor-pointer{cursor:pointer}.cursor-glow{cursor:crosshair}.cursor-dot{cursor:cell}.cursor-none{cursor:none}.cursor-magnetic{transition:transform .2s cubic-bezier(.25,1,.5,1)}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--ub-glass-border,#fff3);border-radius:9999px}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-gradient::-webkit-scrollbar{width:8px}.scrollbar-gradient::-webkit-scrollbar-thumb{background:linear-gradient(#00f2fe,#ff007f);border-radius:9999px}.scrollbar-neon::-webkit-scrollbar{width:8px}.scrollbar-neon::-webkit-scrollbar-thumb{background:#00f2fe;border-radius:9999px;box-shadow:0 0 10px #00f2fe}.select-color::selection,::selection{background:var(--ub-accent-cyan,#00f2fe);color:#080911}.select-gradient::selection{color:#fff;background:#ff007f}.select-none{user-select:none}html{scroll-behavior:smooth}.docs-shell{background-color:var(--ub-bg,#06070a);min-height:100vh;color:var(--ub-text,#f3f4f8);font-family:var(--ub-font-family-sans,"Plus Jakarta Sans", sans-serif);flex-direction:column;display:flex}.docs-header{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--ub-border,#ffffff14);background:#0a0c12d9;justify-content:space-between;align-items:center;gap:1.5rem;height:64px;padding:0 1.75rem;display:flex;position:sticky;top:0}.docs-brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.docs-brand img{border-radius:6px;width:30px;height:30px}.docs-brand strong{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.docs-version-badge{color:var(--ub-accent-cyan,#00f2fe);letter-spacing:.5px;background:#00f2fe1f;border:1px solid #00f2fe4d;border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:700}.search-btn-trigger{color:var(--ub-text-muted,#94a3b8);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;min-width:220px;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.search-btn-trigger:hover{color:#fff;background:#ffffff14;border-color:#00f2fe66}.search-kbd-shortcut{color:#cbd5e1;background:#0006;border:1px solid #ffffff26;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.7rem}.docs-nav-links{align-items:center;gap:1.25rem;display:flex}.docs-nav-links a{color:var(--ub-text-muted,#94a3b8);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.docs-nav-links a:hover,.docs-nav-links a.active{color:var(--ub-accent-cyan,#00f2fe)}.mobile-menu-toggle{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:.4rem .65rem;font-size:1.1rem;line-height:1;display:none}@media (width<=990px){.docs-nav-links{display:none}.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.search-btn-trigger{min-width:140px;padding:.4rem .75rem}.search-btn-trigger span{font-size:.78rem}}@media (width<=540px){.docs-header{gap:.5rem;height:56px;padding:0 .75rem}.docs-brand strong{font-size:.95rem}.search-btn-trigger{min-width:auto;max-width:44px;padding:.3rem .5rem;overflow:hidden}.search-btn-trigger span,.search-kbd-shortcut{display:none}.search-btn-trigger:before{content:"🔍";flex-shrink:0;font-size:.9rem}.docs-header .vibe-btn{padding:.35rem .65rem;font-size:.75rem}}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(10px);z-index:2500;opacity:0;pointer-events:none;background:#000000bf;transition:opacity .3s;position:fixed;inset:0}.mobile-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.mobile-nav-drawer{z-index:2600;background:#0d0f17;border-right:1px solid #00f2fe33;flex-direction:column;gap:1.5rem;width:85%;max-width:320px;padding:1.5rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:10px 0 40px #000c}.mobile-nav-drawer.is-open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.mobile-drawer-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.docs-layout-container{flex:1;grid-template-columns:280px minmax(0,1fr) 240px;width:100%;max-width:1560px;margin:0 auto;display:grid}@media (width<=1200px){.docs-layout-container{grid-template-columns:260px minmax(0,1fr)}.docs-toc-sidebar{display:none}}@media (width<=860px){.docs-layout-container{grid-template-columns:1fr;overflow-x:hidden}}.docs-sidebar{border-right:1px solid var(--ub-border,#ffffff14);flex-direction:column;gap:1.75rem;height:calc(100vh - 64px);padding:2rem 1.25rem;display:flex;position:sticky;top:64px;overflow-y:auto}@media (width<=860px){.docs-sidebar{display:none!important}}.sidebar-group-title{text-transform:uppercase;letter-spacing:1px;color:var(--ub-text-subtle,#64748b);margin-bottom:.5rem;font-size:.75rem;font-weight:800}.sidebar-links{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{color:var(--ub-text-muted,#94a3b8);border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0d;transform:translate(4px)}.sidebar-link.active{color:var(--ub-accent-cyan,#00f2fe);background:#00f2fe1a;font-weight:700}.docs-content{width:100%;max-width:960px;padding:2.5rem 3.5rem;overflow-x:hidden}@media (width<=860px){.docs-content{padding:1.5rem}}@media (width<=540px){.docs-content{max-width:100vw;padding:1rem .875rem}.docs-content pre,.docs-content table,.docs-content .docs-code-body{max-width:100%;overflow-x:auto}.docs-content .vibe-grid,.docs-content .grid{grid-template-columns:1fr!important}.docs-content h2[style],.docs-content h3[style]{font-size:clamp(1.2rem,5vw,1.6rem)!important}.marquee{overflow:hidden}.marquee span{font-size:.85rem!important}}.docs-breadcrumb{color:var(--ub-text-muted,#94a3b8);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.docs-code-card{border-radius:var(--ub-radius-lg,14px);border:1px solid var(--ub-border,#ffffff14);background:#090a10;margin:1.25rem 0;overflow:hidden}.docs-code-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.docs-code-header span{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:.75rem}.docs-code-body{color:#38bdf8;padding:1rem 1.25rem;font-family:JetBrains Mono,monospace;font-size:.88rem;line-height:1.6;overflow-x:auto}.docs-toc-sidebar{border-left:1px solid var(--ub-border,#ffffff14);height:calc(100vh - 64px);padding:2rem 1.25rem;font-size:.82rem;position:sticky;top:64px;overflow-y:auto}.toc-title{color:#fff;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.toc-list{border-left:2px solid #ffffff14;flex-direction:column;gap:.4rem;padding-left:.75rem;display:flex}.toc-link{color:var(--ub-text-muted,#94a3b8);line-height:1.4;text-decoration:none;transition:color .2s}.toc-link:hover,.toc-link.active{color:var(--ub-accent-cyan,#00f2fe);font-weight:600}.search-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#000000bf;justify-content:center;align-items:flex-start;padding-top:10vh;display:none;position:fixed;inset:0}.search-modal-backdrop.is-open{display:flex}.search-modal-box{border-radius:var(--ub-radius-xl,20px);background:#0d0f17;border:1px solid #00f2fe66;width:100%;max-width:620px;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 30px #00f2fe33}.search-input-header{border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.search-input-header input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:1.1rem}.search-results-list{flex-direction:column;gap:.35rem;max-height:380px;padding:.75rem;display:flex;overflow-y:auto}.search-result-item{color:#f3f4f8;background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.search-result-item:hover,.search-result-item.selected{color:var(--ub-accent-cyan,#00f2fe);background:#00f2fe1f}.docs-footer{background:linear-gradient(#0d0f1766 0%,#06070af2 100%);border-top:1px solid #ffffff14;width:100%;margin-top:5rem;padding:3.5rem 2rem 2.5rem}.docs-footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2.5rem 1.5rem;max-width:1380px;margin:0 auto;display:grid}.docs-footer-grid>div{flex-direction:column;gap:.65rem;display:flex}.docs-footer-grid h4{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem;font-weight:800}.docs-footer-grid a{color:#94a3b8;font-size:.88rem;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.docs-footer-grid a:hover{color:#00f2fe;transform:translate(3px)}.docs-footer-bottom{color:#64748b;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1380px;margin:3rem auto 0;padding-top:1.5rem;font-size:.82rem;display:flex}@media (width<=540px){.docs-footer{padding:2rem 1rem 1.5rem}.docs-footer-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}.docs-footer-bottom{text-align:center;flex-direction:column;font-size:.78rem}}.docs-footer-bottom strong{color:#cbd5e1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#00f2fe66}@media (width<=860px){.hide-mobile{display:none!important}}.section-eyebrow{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (width<=760px){.docs-header .vibe-btn.--sm{padding:.35rem .75rem;font-size:.78rem}}.docs-nav-links a.active:after{content:"";background:#00f2fe;border-radius:9999px;width:100%;height:2px;margin-top:2px;display:block}.docs-content{animation:.25s contentFadeIn}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.u3d,.preserve-3d{transform-style:preserve-3d;backface-visibility:hidden}.perspective-none{perspective:none}.perspective-300{perspective:300px}.perspective-500{perspective:500px}.perspective-800{perspective:800px}.perspective-1000{perspective:1000px}.perspective-1500{perspective:1500px}.perspective-2000{perspective:2000px}.translate-z-10{transform:translateZ(10px)}.translate-z-20{transform:translateZ(20px)}.translate-z-30{transform:translateZ(30px)}.translate-z-50{transform:translateZ(50px)}.translate-z-80{transform:translateZ(80px)}.translate-z-100{transform:translateZ(100px)}.translate-z-150{transform:translateZ(150px)}.translate-z--10{transform:translateZ(-10px)}.translate-z--20{transform:translateZ(-20px)}.translate-z--30{transform:translateZ(-30px)}.translate-z--50{transform:translateZ(-50px)}.translate-z--80{transform:translateZ(-80px)}.translate-z--100{transform:translateZ(-100px)}.rotate-x-10{transform:rotateX(10deg)}.rotate-x-20{transform:rotateX(20deg)}.rotate-x-30{transform:rotateX(30deg)}.rotate-x-45{transform:rotateX(45deg)}.rotate-x-60{transform:rotateX(60deg)}.rotate-x-90{transform:rotateX(90deg)}.rotate-x-180{transform:rotateX(180deg)}.rotate-y-10{transform:rotateY(10deg)}.rotate-y-20{transform:rotateY(20deg)}.rotate-y-30{transform:rotateY(30deg)}.rotate-y-45{transform:rotateY(45deg)}.rotate-y-60{transform:rotateY(60deg)}.rotate-y-90{transform:rotateY(90deg)}.rotate-y-180{transform:rotateY(180deg)}.rotate-z-15{transform:rotate(15deg)}.rotate-z-30{transform:rotate(30deg)}.rotate-z-45{transform:rotate(45deg)}.rotate-z-90{transform:rotate(90deg)}.scale-3d-0-9{transform:scale3d(.9,.9,.9)}.scale-3d-1-1{transform:scale3d(1.1,1.1,1.1)}.scale-3d-1-2{transform:scale3d(1.2,1.2,1.2)}.scale-3d-1-3{transform:scale3d(1.3,1.3,1.3)}.card-3d-flip{perspective:1000px;cursor:pointer;background:0 0;width:100%;min-height:240px;position:relative}.card-3d-inner{width:100%;height:100%;min-height:240px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:relative}.card-3d-flip:hover .card-3d-inner,.card-3d-flip.is-flipped .card-3d-inner{transform:rotateY(180deg)}.card-3d-flip--vertical:hover .card-3d-inner,.card-3d-flip--vertical.is-flipped .card-3d-inner{transform:rotateX(180deg)}.card-3d-front,.card-3d-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--ub-radius-lg);width:100%;height:100%;padding:var(--ub-space-6);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.card-3d-front{-webkit-backdrop-filter:blur(16px);z-index:2;background:radial-gradient(circle at 0 0,#ffffff14 0%,#0d0f17e6 100%);border:1px solid #ffffff1f;transform:rotateY(0);box-shadow:0 20px 50px #0009}.card-3d-back{-webkit-backdrop-filter:blur(16px);background:radial-gradient(circle at 100% 0,#00f2fe26 0%,#0d0f17f2 100%);border:1px solid #00f2fe66;transform:rotateY(180deg);box-shadow:0 0 35px #00f2fe59,0 20px 50px #0009}.card-3d-flip--vertical .card-3d-back{transform:rotateX(180deg)}.cube-3d-container{perspective:600px;width:140px;height:140px;margin:var(--ub-space-4) auto}.cube-3d{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s var(--ub-transition-spring);animation:10s linear infinite ub-cube-spin;position:relative;transform:translateZ(-70px)}.cube-face{width:140px;height:140px;font-weight:700;font-size:var(--ub-font-sm);backdrop-filter:blur(10px);color:#fff;background:#1c1e2ebf;border:1px solid #ffffff40;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 20px #00f2fe40}.cube-face--front{background:#ff007f4d;border-color:#ff007f;transform:rotateY(0)translateZ(70px)}.cube-face--back{background:#00f2fe4d;border-color:#00f2fe;transform:rotateY(180deg)translateZ(70px)}.cube-face--right{background:#ff6b6b4d;border-color:#ff6b6b;transform:rotateY(90deg)translateZ(70px)}.cube-face--left{background:#a3e6354d;border-color:#a3e635;transform:rotateY(-90deg)translateZ(70px)}.cube-face--top{background:#9d4edd4d;border-color:#9d4edd;transform:rotateX(90deg)translateZ(70px)}.cube-face--bottom{background:#ffd60a4d;border-color:#ffd60a;transform:rotateX(-90deg)translateZ(70px)}@keyframes ub-cube-spin{0%{transform:translateZ(-70px)rotateX(0)rotateY(0)}to{transform:translateZ(-70px)rotateX(360deg)rotateY(360deg)}}.tilt-3d{transform-style:preserve-3d;transition:transform var(--ub-transition-base), box-shadow var(--ub-transition-base)}.tilt-3d:hover{transform:perspective(1000px)rotateX(8deg)rotateY(-8deg)translateZ(15px);box-shadow:0 20px 40px -10px #00000073}.float-3d{transform-style:preserve-3d;animation:5s ease-in-out infinite ub-float-3d}@keyframes ub-float-3d{0%,to{transform:perspective(1000px)translateY(0)rotateX(0)rotateY(0)}50%{transform:perspective(1000px)translateY(-14px)rotateX(6deg)rotateY(-6deg)translateZ(20px)}}.popup-3d{transition:transform var(--ub-transition-spring), box-shadow var(--ub-transition-base)}.popup-3d:hover{transform:perspective(800px)translateZ(35px)scale(1.03);box-shadow:0 25px 50px -10px #00000080,0 0 20px #00f2fe4d}.depth-3d{transform-style:preserve-3d;position:relative}.depth-3d>*{transition:transform var(--ub-transition-base)}.depth-3d:hover>:first-child{transform:translateZ(10px)}.depth-3d:hover>:nth-child(2){transform:translateZ(25px)}.depth-3d:hover>:nth-child(3){transform:translateZ(40px)}.fold-3d{transform-origin:top;transition:transform .5s cubic-bezier(.16,1,.3,1)}.fold-3d:hover{transform:perspective(800px)rotateX(-20deg)}.tilt-left-3d{transform-origin:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.tilt-left-3d:hover{transform:perspective(1000px)rotateY(-35deg);box-shadow:-15px 15px 30px #0006}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate--45{transform:rotate(-45deg)}.rotate--90{transform:rotate(-90deg)}.scale-0-9{transform:scale(.9)}.scale-1-05{transform:scale(1.05)}.scale-1-1{transform:scale(1.1)}.scale-1-2{transform:scale(1.2)}.scale-1-5{transform:scale(1.5)}.skew-6{transform:skew(-6deg)}.skew-12{transform:skew(-12deg)}.skew-y-6{transform:skewY(-6deg)}.origin-center{transform-origin:50%}.origin-top{transform-origin:top}.origin-bottom{transform-origin:bottom}.origin-left{transform-origin:0}.origin-right{transform-origin:100%}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fixed-top{z-index:1000;position:fixed;top:0;left:0;right:0}.sticky-bottom{z-index:100;position:sticky;bottom:0}.bg-pattern-dots{background-image:radial-gradient(#ffffff26 1.5px,#0000 1.5px);background-size:20px 20px}.bg-pattern-grid{background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff12 1px,#0000 1px);background-size:28px 28px}.bg-pattern-stripes{background-image:repeating-linear-gradient(45deg,#ffffff0a,#ffffff0a 10px,#0000 10px 20px)}.bg-pattern-triangles{background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(135deg,#ffffff0d 25%,#0000 25%),linear-gradient(-135deg,#ffffff0d 25%,#0000 25%);background-size:24px 24px}.bg-pattern-circles{background-image:radial-gradient(circle,#0000 20%,#ffffff0a 20% 80%,#0000 80%,#0000);background-size:32px 32px}.texture-noise{background-image:radial-gradient(#ffffff1f 1px,#0000 0);background-size:8px 8px}.texture-grain{position:relative}.texture-grain:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#00000026 1px,#0000 0);background-size:4px 4px;position:absolute;inset:0}.texture-paper{color:#2c2520;background-color:#faf7f2;background-image:radial-gradient(#e5dfd3 15%,#0000 16%),radial-gradient(#dcd5c7 15%,#0000 16%);background-position:0 0,10px 10px;background-size:20px 20px}.clip-circle{clip-path:circle(50%)}.clip-polygon{clip-path:polygon(0% 15%,15% 0%,100% 0%,100% 85%,85% 100%,0% 100%)}.clip-slanted{clip-path:polygon(0 0,100% 5%,100% 100%,0 95%)}.mask-gradient{-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.img-grayscale{filter:grayscale();transition:filter var(--ub-transition-base)}.img-grayscale--hover:hover{filter:grayscale(0%)}.img-sepia{filter:sepia(85%);transition:filter var(--ub-transition-base)}.img-duotone{position:relative;overflow:hidden}.img-duotone:after{content:"";background:var(--ub-cyber);mix-blend-mode:color;pointer-events:none;position:absolute;inset:0}.img-duotone--pink:after{background:linear-gradient(135deg,#ff007f,#7928ca)}.img-duotone--cyan:after{background:linear-gradient(135deg,#00f2fe,#4facfe)}.effect-glass,.glass-morphism{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--ub-radius-lg);background:#ffffff14;border:1px solid #ffffff2e;box-shadow:0 8px 32px #00000059,inset 0 1px 1px #ffffff40}.effect-neumorphic,.neo-morphism{border-radius:var(--ub-radius-xl);color:var(--ub-text);transition:all var(--ub-transition-base);background:#181a24;border:1px solid #ffffff08;box-shadow:12px 12px 24px #0c0d13,-12px -12px 24px #242735}.effect-neumorphic--inset,.neo-morphism--inset{border-radius:var(--ub-radius-xl);background:#181a24;border:1px solid #ffffff05;box-shadow:inset 8px 8px 16px #0c0d13,inset -8px -8px 16px #242735}.effect-neumorphic:hover{box-shadow:16px 16px 32px #0a0b10,-16px -16px 32px #262938}.effect-neumorphic:active{box-shadow:inset 6px 6px 12px #0c0d13,inset -6px -6px 12px #242735}[data-theme=light] .effect-neumorphic{color:#1e293b;background:#e6ebf4;box-shadow:10px 10px 20px #c2c7cf,-10px -10px 20px #fff}.effect-clay,.clay-morphism{border-radius:var(--ub-radius-2xl);color:#fff;transition:transform var(--ub-transition-spring), box-shadow var(--ub-transition-base);background:linear-gradient(135deg,#ffffff26,#ffffff0d),#25283b;border:1px solid #ffffff1a;box-shadow:16px 16px 32px #00000059,inset -8px -8px 16px #0006,inset 8px 8px 16px #fff3}.effect-clay:hover{transform:translateY(-4px)scale(1.02);box-shadow:20px 20px 40px #00000073,inset -8px -8px 16px #0006,inset 8px 8px 16px #ffffff40}.effect-clay--pink{background:linear-gradient(135deg,#ff758c 0%,#ff7eb3 100%);box-shadow:14px 14px 28px #ff758c66,inset -6px -6px 12px #b4284680,inset 6px 6px 12px #fff6}.effect-aurora,.aurora-bg{background:#07080d;position:relative;overflow:hidden}.effect-aurora:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ff007f40,#0000 45%),radial-gradient(circle at 70% 60%,#00f2fe4d,#0000 45%),radial-gradient(circle at 40% 80%,#9d4edd59,#0000 40%),radial-gradient(circle at 80% 20%,#ffd60a33,#0000 40%);width:200%;height:200%;animation:12s ease-in-out infinite alternate ub-aurora-shift;position:absolute;top:-50%;left:-50%}@keyframes ub-aurora-shift{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.effect-mesh{background-color:#0b0c16;background-image:radial-gradient(at 10% 20%,#ff007f4d 0,#0000 50%),radial-gradient(at 90% 10%,#00f2fe59 0,#0000 50%),radial-gradient(at 50% 80%,#7928ca66 0,#0000 50%)}.effect-premium{background:var(--ub-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff26;box-shadow:0 20px 50px -10px #00000080,0 0 20px #00f2fe40}.text-3d{color:#fff;text-shadow:0 1px #ccc,0 2px #c9c9c9,0 3px #bbb,0 4px #b0b0b0,0 5px #a0a0a0,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040,0 10px 20px #00000059;font-weight:900}.text-stroke{-webkit-text-stroke:1.5px var(--ub-accent-cyan);color:#0000}.reflection{-webkit-box-reflect:below 2px linear-gradient(transparent 60%, #ffffff40)}.text-gradient{-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient.--sunset,.gradient-sunset{background:linear-gradient(135deg,#ff0844 0%,#ffb199 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient.--ocean,.gradient-ocean{background:linear-gradient(135deg,#2af598 0%,#009efd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient.--rainbow,.gradient-rainbow{background:linear-gradient(90deg,#ff007a,#7928ca,#00f2fe,#f7ba2c,#ff007a) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite ub-rainbow-shift}.text-gradient.--metal,.gradient-metal{background:linear-gradient(135deg,#d3d3d3 0%,#708090 50%,#fff 75%,#4682b4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-neon{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #00f2fe,0 0 35px #00f2fe,0 0 55px #00f2fe}.text-fire{color:#fc0;text-shadow:0 0 4px #f30,0 -5px 8px #f60,2px -10px 14px #f90,-2px -15px 20px #fc0;animation:1.8s ease-in-out infinite alternate ub-fire-flicker}.text-ice{color:#e0f7fa;text-shadow:0 0 6px #00e5ff,0 0 15px #00b0ff,0 0 25px #00b0ff99}.text-3d{color:#fff;text-shadow:0 1px #ccc,0 2px #c9c9c9,0 3px #bbb,0 4px #b9b9b9,0 5px #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040}.text-glitch{color:#fff;display:inline-block;position:relative}.text-glitch:before,.text-glitch:after{content:attr(data-text);clip:rect(0, 0, 0, 0);width:100%;height:100%;position:absolute;top:0;left:0}.text-glitch:before{text-shadow:-2px 0 #ff007a;animation:2s linear infinite alternate-reverse ub-glitch-anim;left:2px}.text-glitch:after{text-shadow:2px 0 #00f2fe;animation:2.5s linear infinite alternate-reverse ub-glitch-anim-2;left:-2px}.text-wave{animation:2s ease-in-out infinite ub-wave-text;display:inline-block}.text-bounce{animation:1.5s cubic-bezier(.68,-.55,.265,1.55) infinite ub-bounce-text;display:inline-block}.text-spin{animation:4s linear infinite ub-spin;display:inline-block}.text-outline{-webkit-text-stroke:1.5px currentColor;-webkit-text-fill-color:transparent;color:#0000}.text-shadow{text-shadow:0 10px 25px #0009}.text-reflection{-webkit-box-reflect:below 2px linear-gradient(transparent 40%, #ffffff40)}.text-blur{filter:blur(4px);transition:filter .3s}.text-blur:hover{filter:blur()}.text-mix{mix-blend-mode:difference;color:#fff}@keyframes ub-fire-flicker{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.02)skew(1deg)}to{filter:brightness(.95);transform:scale(.99)skew(-1deg)}}@keyframes ub-wave-text{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(-2deg)}75%{transform:translateY(6px)rotate(2deg)}}@keyframes ub-bounce-text{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ub-glitch-anim{0%{clip:rect(12px, 9999px, 44px, 0)}20%{clip:rect(65px, 9999px, 80px, 0)}40%{clip:rect(20px, 9999px, 50px, 0)}60%{clip:rect(80px, 9999px, 95px, 0)}80%{clip:rect(35px, 9999px, 60px, 0)}to{clip:rect(10px, 9999px, 30px, 0)}}@keyframes ub-glitch-anim-2{0%{clip:rect(40px, 9999px, 60px, 0)}25%{clip:rect(10px, 9999px, 35px, 0)}50%{clip:rect(75px, 9999px, 90px, 0)}75%{clip:rect(20px, 9999px, 45px, 0)}to{clip:rect(60px, 9999px, 85px, 0)}}.bg-gradient{background:linear-gradient(135deg,#1f1c2c,#928dab)}.bg-gradient.--animated,.gradient-aurora{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;animation:15s infinite ub-aurora}.bg-gradient.--mesh{background-color:#0d0f17;background-image:radial-gradient(at 0 0,#ff007a59 0,#0000 50%),radial-gradient(at 100% 0,#00f2fe59 0,#0000 50%),radial-gradient(at 100% 100%,#7928ca59 0,#0000 50%),radial-gradient(at 0 100%,#f7ba2c40 0,#0000 50%)}.bg-gradient.--conic{background:conic-gradient(from 180deg,#2a8af6 0deg,#a853ba 180deg,#e92a67 360deg)}.bg-gradient.--radial{background:radial-gradient(circle,#00f2fe33 0%,#06070af2 70%)}.bg-pattern.--dots{background-color:#06070a;background-image:radial-gradient(#ffffff26 1.5px,#0000 1.5px);background-size:24px 24px}.bg-pattern.--grid{background-color:#06070a;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:32px 32px}.bg-pattern.--stripes{background:repeating-linear-gradient(45deg,#ffffff08,#ffffff08 10px,#0000 10px 20px)}.bg-pattern.--triangles{background-color:#06070a;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0a 75%),linear-gradient(-45deg,#0000 75%,#ffffff0a 75%);background-size:20px 20px}.bg-noise{background-color:#0b0c10;background-image:radial-gradient(#ffffff14 1px,#0000 0);background-size:4px 4px}.bg-stars{background-color:#050608;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 40px 70px,#00f2fe,#0000),radial-gradient(1px 1px at 90px 40px,#ff007a,#0000),radial-gradient(2px 2px at 160px 120px,#fff,#0000);background-size:200px 200px}.bg-clouds{background:linear-gradient(#87ceeb 0%,#e0f6ff 100%)}.bg-ocean{background:linear-gradient(#0f2027 0%,#203a43 50%,#2c5364 100%)}@keyframes ub-aurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hover{transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s,box-shadow .35s;display:inline-block;overflow:hidden}.hover.--zoom:hover,.--hover-zoom:hover{transform:scale(1.08)}.hover.--blur:hover{filter:blur(4px)}.hover.--grayscale:hover{filter:grayscale()}.hover.--sepia:hover{filter:sepia()}.hover.--invert:hover{filter:invert()}.hover.--rotate:hover{transform:rotate(5deg)scale(1.05)}.hover.--scale:hover{transform:scale(1.05)}.hover.--tilt:hover{transform:perspective(600px)rotateX(8deg)rotateY(-8deg)scale(1.04)}.btn.--hover-fill{z-index:1;transition:color .3s;position:relative;overflow:hidden}.btn.--hover-fill:before{content:"";background:var(--ub-accent-gradient,linear-gradient(135deg, #ff007a, #7928ca));z-index:-1;transform-origin:0;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.btn.--hover-fill:hover:before{transform:scaleX(1)}.btn.--hover-glow:hover{box-shadow:0 0 20px #00f2fe99,0 0 40px #ff007a66}.btn.--hover-shake:hover{animation:.4s ease-in-out ub-shake}.btn.--hover-bounce:hover{animation:.5s cubic-bezier(.68,-.55,.265,1.55) ub-bounce}.btn.--hover-morph:hover{border-radius:50px 10px;transform:scale(1.03)}@keyframes ub-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes ub-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card,.vibe-card{padding:var(--ub-space-6,1.5rem);background:var(--ub-glass-bg,#ffffff0d);-webkit-backdrop-filter:blur(var(--ub-glass-blur,16px));border:1px solid var(--ub-glass-border,#ffffff1f);border-radius:var(--ub-radius-lg,1rem);box-shadow:var(--ub-shadow-soft,0 10px 30px #00000026);color:var(--ub-text,#f1f5f9);transform-style:preserve-3d;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card.pretty,.card-pretty{background:linear-gradient(135deg,#ffffff1f,#ffffff08);border-color:#ffffff40;box-shadow:0 20px 40px -15px #00f2fe33,0 0 25px #ff007f26}.card.glass,.card-glass{background:var(--ub-glass-bg,#ffffff0a);-webkit-backdrop-filter:blur(var(--ub-glass-blur,20px));border:1px solid var(--ub-glass-border,#ffffff26);box-shadow:var(--ub-shadow-soft,0 8px 32px #0003)}.card.hover:hover,.card:hover{box-shadow:var(--ub-shadow-float,0 20px 40px #00000040);transform:translateY(-4px)}.card.tilt{transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s}.card.tilt:hover{transform:perspective(1000px)rotateX(6deg)rotateY(-6deg)translateY(-6px);box-shadow:0 25px 50px -12px #00000059}.card.flip{perspective:1000px}.card.flip:hover{transform:rotateY(180deg)}.card.shine,.card-shine{position:relative;overflow:hidden}.card.shine:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 30%,#ffffff26 50%,#0000 70%);width:200%;height:200%;transition:transform .75s cubic-bezier(.19,1,.22,1);position:absolute;top:-50%;left:-50%;transform:rotate(25deg)translateY(-100%)}.card.shine:hover:after{transform:rotate(25deg)translateY(100%)}.card.border,.card-border{background:var(--ub-bg-surface,#0f172a);background-clip:padding-box;border:1px solid #0000;position:relative}.card.border:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#00f2fe,#ff007f,#fee140) 0 0/300% 300%;animation:4s infinite ub-border-flow;position:absolute;inset:-1px}.card.float{animation:4s ease-in-out infinite ub-float}.card-neon,.card.neon{background:var(--ub-bg-surface,#0b0f19);border:1px solid var(--ub-accent-cyan,#00f2fe);box-shadow:0 0 20px #00f2fe59}.card-neon:hover,.card.neon:hover{transform:translateY(-3px);box-shadow:0 0 35px #00f2fe99,0 0 15px #ff007f66}.card-minimal,.card.minimal{padding:var(--ub-space-5,1.25rem);background:var(--ub-bg-subtle,#ffffff08);border:1px solid var(--ub-border,#ffffff1a);box-shadow:none}.card-sunset,.card.sunset{background:linear-gradient(135deg,#ff6b6b1f,#ffd93d0f);border:1px solid #ff6b6b59}.card-bento,.card.bento{border-radius:var(--ub-radius-xl,1.5rem);flex-direction:column;justify-content:space-between;display:flex}@keyframes ub-border-flow{0%,to{background-position:0%}50%{background-position:100%}}.btn,.vibe-btn{justify-content:center;align-items:center;gap:var(--ub-space-2,.5rem);padding:var(--ub-space-3,.75rem) var(--ub-space-6,1.5rem);font-family:var(--ub-font-family-display,inherit);font-size:var(--ub-font-base,1rem);color:#fff;background-image:var(--ub-primary,linear-gradient(135deg, #00f2fe 0%, #ff007f 100%));border-radius:var(--ub-radius-md,.5rem);cursor:pointer;user-select:none;white-space:nowrap;background-size:200%;border:1px solid #fff3;min-width:44px;min-height:44px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px -2px #ff007f59}.btn:hover{filter:brightness(1.08);background-position:100%;transform:translateY(-2px);box-shadow:0 8px 24px -2px #ff007f8c,0 0 15px #00f2fe4d}.btn:active{transform:scale(.96)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn.glow{box-shadow:0 0 15px #00f2fe66,0 0 30px #ff007f4d}.btn.glow:hover{box-shadow:0 0 25px #00f2fecc,0 0 45px #ff007f99}.btn.bounce:hover{animation:.5s cubic-bezier(.68,-.6,.32,1.6) ub-hover-bounce}.btn.shine{position:relative;overflow:hidden}.btn.shine:after{content:"";background:linear-gradient(60deg,#0000 30%,#ffffff4d 50%,#0000 70%);width:200%;height:200%;transition:transform .6s cubic-bezier(.19,1,.22,1);position:absolute;top:-50%;left:-50%;transform:rotate(25deg)translateY(-100%)}.btn.shine:hover:after{transform:rotate(25deg)translateY(100%)}.btn.morph{border-radius:var(--ub-radius-blob,30% 70% 70% 30% / 30% 30% 70% 70%);transition:border-radius .6s,transform .3s}.btn.morph:hover{border-radius:var(--ub-radius-blob-alt,60% 40% 30% 70% / 60% 30% 70% 40%);transform:scale(1.05)}.btn.icon{padding:var(--ub-space-3,.75rem);border-radius:50%}.btn-pop,.btn.pop{background-image:var(--ub-sunset,linear-gradient(135deg, #ff6b6b 0%, #ffd93d 100%));box-shadow:0 4px 15px #ff6b6b66}.btn-pop:hover,.btn.pop:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 25px #ff6b6b99}.btn-ghost,.btn.ghost{color:var(--ub-text,#fff);border:1px solid var(--ub-border,#fff3);box-shadow:none;background:0 0}.btn-ghost:hover,.btn.ghost:hover{background:#ffffff1a;border-color:#fff}.btn-neon,.btn.neon{color:#00f2fe;text-transform:uppercase;letter-spacing:.08em;background:#00f2fe0f;border:1px solid #00f2fe;box-shadow:0 0 15px #00f2fe59}.btn-neon:hover,.btn.neon:hover{color:#080911;background:#00f2fe;box-shadow:0 0 30px #00f2fecc}.btn-blob,.btn.blob{border-radius:var(--ub-radius-blob)}.btn-pill,.btn.pill{border-radius:var(--ub-radius-pill,9999px)}.form{gap:var(--ub-space-4,1rem);flex-direction:column;width:100%;display:flex}.input,.vibe-input{width:100%;min-height:44px;padding:var(--ub-space-3,.75rem) var(--ub-space-4,1rem);font-family:var(--ub-font-family-sans,system-ui, sans-serif);font-size:var(--ub-font-base,1rem);color:var(--ub-text,#f1f5f9);background:var(--ub-bg-surface,#ffffff0d);border:1px solid var(--ub-border,#ffffff1f);border-radius:var(--ub-radius-md,.5rem);box-shadow:var(--ub-shadow-inner-glass,inset 0 2px 4px #0000000f);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.input:focus,.vibe-input:focus{border-color:var(--ub-accent-cyan,#00f2fe);box-shadow:0 0 0 3px #00f2fe40,0 0 15px #00f2fe26}.input::placeholder{color:var(--ub-text-muted,#ffffff73)}textarea.input,.vibe-textarea{resize:vertical;min-height:120px}.input.floating{padding-top:var(--ub-space-5,1.25rem);padding-bottom:var(--ub-space-2,.5rem)}.select,.vibe-select{width:100%;min-height:44px;padding:var(--ub-space-3,.75rem) var(--ub-space-4,1rem);font-family:var(--ub-font-family-sans,system-ui, sans-serif);font-size:var(--ub-font-base,1rem);color:var(--ub-text,#f1f5f9);background-color:var(--ub-bg-surface,#ffffff0d);border:1px solid var(--ub-border,#ffffff1f);border-radius:var(--ub-radius-md,.5rem);cursor:pointer;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.select:focus{border-color:var(--ub-accent-cyan,#00f2fe);box-shadow:0 0 0 3px #00f2fe40}.switch,.vibe-switch{cursor:pointer;user-select:none;align-items:center;width:48px;height:26px;display:inline-flex;position:relative}.switch input,.vibe-switch input{opacity:0;width:0;height:0}.slider,.vibe-slider{cursor:pointer;background-color:var(--ub-bg-surface,#ffffff1a);border:1px solid var(--ub-border,#ffffff26);border-radius:var(--ub-radius-pill,9999px);transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider:before,.vibe-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.switch input:checked+.slider,.switch input:checked+.vibe-slider,.vibe-switch input:checked+.vibe-slider{background:var(--ub-primary,linear-gradient(135deg, #00f2fe 0%, #ff007f 100%));border-color:#0000}.switch input:checked+.slider:before,.switch input:checked+.vibe-slider:before,.vibe-switch input:checked+.vibe-slider:before{transform:translate(22px)}.vibe-field{gap:var(--ub-space-2,.5rem);flex-direction:column;width:100%;display:flex}.vibe-label{font-size:var(--ub-font-sm,.875rem);color:var(--ub-text,#f1f5f9);font-weight:500}.hero{text-align:center;min-height:70vh;padding:clamp(2rem, 8vw, 6rem) var(--ub-space-6,1.5rem);background:radial-gradient(circle at 50% 30%,#00f2fe1f,#0000 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero.gradient{background:linear-gradient(135deg,#00f2fe26 0%,#ff007f26 100%)}.hero.particles{background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-size:24px 24px}.hero.three-d,.hero.\33 d{perspective:1000px;transform-style:preserve-3d}.navbar{justify-content:space-between;align-items:center;gap:var(--ub-space-4,1rem);padding:var(--ub-space-4,1rem) var(--ub-space-6,1.5rem);z-index:100;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.navbar.glass{background:var(--ub-glass-bg,#ffffff0d);-webkit-backdrop-filter:blur(var(--ub-glass-blur,16px));border-bottom:1px solid var(--ub-glass-border,#ffffff1a)}.navbar.sticky{position:sticky;top:0}.navbar.floating{border-radius:var(--ub-radius-pill,9999px);border:1px solid var(--ub-glass-border,#ffffff26);width:min(92%,1100px);position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@media (width<=768px){.navbar.bottom{border-top:1px solid var(--ub-glass-border,#ffffff1f);border-bottom:none;border-radius:0;justify-content:space-around;width:100%;position:fixed;inset:auto 0 0}}.navbar.side{width:260px;padding:var(--ub-space-8,2rem) var(--ub-space-5,1.25rem);background:var(--ub-glass-bg,#0a0c16f2);backdrop-filter:blur(20px);border-right:1px solid var(--ub-glass-border,#ffffff1a);z-index:200;flex-direction:column;justify-content:flex-start;transition:transform .4s cubic-bezier(.25,1,.5,1);position:fixed;top:0;bottom:0;left:0}@media (width<=768px){.navbar.side{transform:translate(-100%);box-shadow:4px 0 32px #00000080}.navbar.side.open{transform:translate(0)}}.gallery,.features{width:100%;padding:var(--ub-space-6,1.5rem) 0;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(1rem,4vw,2rem);display:grid}.gallery.masonry,.grid.masonry,.masonry{columns:3 260px;column-gap:var(--ub-space-5,1.25rem);display:block}.gallery.masonry>*,.grid.masonry>*,.masonry>*{break-inside:avoid;margin-bottom:var(--ub-space-5,1.25rem)}.gallery.responsive{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(.75rem,3vw,1.5rem);display:grid}.stack{flex-direction:column;gap:clamp(.75rem,3vw,1.5rem);width:100%;display:flex}.sidebar{gap:var(--ub-space-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));width:100%;display:grid}@media (width>=900px){.sidebar{grid-template-columns:280px 1fr}}.split,.vibe-split{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:center;gap:clamp(1.5rem,4vw,3rem);width:100%;display:grid}.footer,.vibe-footer{padding:var(--ub-space-8,2rem) 0 var(--ub-space-6,1.5rem);border-top:1px solid var(--ub-border,#ffffff1a);margin-top:var(--ub-space-10,3rem);justify-content:center;align-items:center;gap:var(--ub-space-4,1rem);text-align:center;flex-direction:column;display:flex}.card.horizontal{gap:var(--ub-space-5,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));align-items:center;display:grid}.card.expandable{width:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.form.responsive{gap:var(--ub-space-4,1rem);flex-direction:column;display:flex}@media (width>=768px){.form.responsive .form-row{align-items:center;gap:var(--ub-space-4,1rem);grid-template-columns:180px 1fr;display:grid}.form.responsive label{text-align:right}}.input.responsive{width:100%}@media (width>=768px){.input.responsive{width:auto;min-width:280px}}.modal{backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal.slide>*{animation:.35s cubic-bezier(.16,1,.3,1) ub-modal-slide}.modal.pop>*{animation:.4s cubic-bezier(.68,-.6,.32,1.6) ub-hover-bounce}@media (width<=640px){.modal.bottom-sheet{align-items:flex-end;padding:0}.modal.bottom-sheet>*{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;animation:.3s ease-out ub-slideUp}}.accordion{border:1px solid var(--ub-border,#ffffff1f);border-radius:var(--ub-radius-md,.5rem);flex-direction:column;display:flex;overflow:hidden}.tabs{gap:var(--ub-space-2,.5rem);border-bottom:1px solid var(--ub-border,#ffffff1f);padding-bottom:var(--ub-space-2,.5rem);display:flex;overflow-x:auto}.badge,.vibe-badge{font-size:var(--ub-font-xs,.75rem);color:#00f2fe;border-radius:var(--ub-radius-pill,9999px);background:#00f2fe1f;border:1px solid #00f2fe4d;align-items:center;padding:.2rem .65rem;font-weight:600;line-height:1;display:inline-flex}.avatar,.vibe-avatar{border:2px solid var(--ub-glass-border,#fff3);background:var(--ub-bg-surface,#0f172a);object-fit:cover;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;overflow:hidden}.progress{border-radius:var(--ub-radius-pill,9999px);background:#ffffff1a;width:100%;height:8px;position:relative;overflow:hidden}.progress:after{content:"";height:100%;width:var(--progress-val,65%);background:var(--ub-primary,linear-gradient(135deg, #00f2fe 0%, #ff007f 100%));border-radius:inherit;position:absolute;top:0;left:0}.skeleton{border-radius:var(--ub-radius-md,.5rem);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s infinite ub-skeleton-loading}.toast{padding:var(--ub-space-4,1rem) var(--ub-space-6,1.5rem);background:var(--ub-glass-bg,#141928e6);backdrop-filter:blur(16px);border:1px solid var(--ub-glass-border,#ffffff26);border-radius:var(--ub-radius-md,.5rem);z-index:1000;animation:.35s cubic-bezier(.16,1,.3,1) ub-modal-slide;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #0006}.tooltip{cursor:help;position:relative}.dropdown{display:inline-block;position:relative}.table,table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--ub-space-3,.75rem) var(--ub-space-4,1rem);border-bottom:1px solid var(--ub-border,#ffffff1a)}.table.responsive{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.title{font-family:var(--ub-font-family-display,inherit);letter-spacing:-.02em;font-weight:700;line-height:1.2}.text{color:var(--ub-text-muted,#cbd5e1);line-height:1.6}.pic{border-radius:var(--ub-radius-md,.5rem);object-fit:cover;max-width:100%;height:auto;display:block}.link{color:inherit;text-decoration:none;transition:all .2s}.link:hover{color:var(--ub-accent-cyan,#00f2fe)}.vibe-container{width:100%;max-width:1240px;padding-left:var(--ub-space-6,1.5rem);padding-right:var(--ub-space-6,1.5rem);margin-left:auto;margin-right:auto}.vibe-bento-grid{gap:var(--ub-space-5,1.25rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (width>=900px){.vibe-bento-grid{grid-template-columns:repeat(3,1fr)}.bento-col-2{grid-column:span 2}.bento-row-2{grid-row:span 2}}@keyframes ub-modal-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ub-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-3d{letter-spacing:.02em;cursor:pointer;user-select:none;background:linear-gradient(#ff1a8c 0%,#e6006f 100%);border:1px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1.6rem;font-family:inherit;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 6px #9e004e,0 12px 22px #ff007f66;color:#fff!important}.btn-3d:before{content:"";pointer-events:none;background:linear-gradient(#ffffff4d 0%,#fff0 100%);border-radius:10px 10px 0 0;height:40%;position:absolute;top:0;left:0;right:0}.btn-3d:hover{transform:translateY(-2px);box-shadow:0 8px #9e004e,0 16px 28px #ff007f8c}.btn-3d:active{transform:translateY(6px);box-shadow:0 0 #9e004e,0 2px 8px #00000080}.btn-3d--cyan{background:linear-gradient(#1affea 0%,#00d2de 100%);border-color:#ffffff80;box-shadow:0 6px #008799,0 12px 22px #00f2fe73;color:#050608!important}.btn-3d--cyan:hover{box-shadow:0 8px #008799,0 16px 28px #00f2fea6}.btn-3d--cyan:active{box-shadow:0 0 #008799,0 2px 8px #00000080}.btn-3d--purple{background:linear-gradient(#9d4edd 0%,#7b2cbf 100%);box-shadow:0 6px #5a189a,0 12px 22px #9d4edd66}.btn-3d--purple:hover{box-shadow:0 8px #5a189a,0 16px 28px #9d4edd99}.btn-3d--purple:active{box-shadow:0 0 #5a189a,0 2px 8px #00000080}.btn-3d--sunset{background:linear-gradient(#ff7a00 0%,#ff007f 100%);box-shadow:0 6px #b30059,0 12px 22px #ff7a0066}.btn-3d--sunset:hover{box-shadow:0 8px #b30059,0 16px 28px #ff007f99}.btn-3d--sunset:active{box-shadow:0 0 #b30059,0 2px 8px #00000080}.product-card-3d{background:var(--ub-glass-bg,#ffffff0d);width:100%;max-width:340px;backdrop-filter:blur(var(--ub-glass-blur,16px));border:1px solid var(--ub-glass-border,#ffffff1f);border-radius:var(--ub-radius-xl,20px);padding:var(--ub-space-6,1.5rem);transform-style:preserve-3d;perspective:1000px;box-shadow:var(--ub-shadow-soft,0 10px 30px #0000004d);transition:transform var(--ub-transition-base,.3s ease), box-shadow var(--ub-transition-base,.3s ease);position:relative}.product-card-3d:hover{box-shadow:var(--ub-shadow-float,0 20px 40px #0006), 0 0 25px #00f2fe40;transform:translateY(-8px)rotateX(6deg)rotateY(-6deg)}.product-image-3d{object-fit:cover;border-radius:var(--ub-radius-lg,14px);width:100%;height:180px;transition:transform var(--ub-transition-base,.3s ease);transform:translateZ(30px);box-shadow:0 10px 20px #00000059}.product-card-3d:hover .product-image-3d{transform:translateZ(50px)scale(1.05)}.product-info-3d{margin-top:var(--ub-space-4,1rem);transform:translateZ(20px)}.cube-3d-scene{perspective:1000px;width:220px;height:220px;margin:3rem auto}.cube-3d{width:200px;height:200px;transform-style:preserve-3d;margin:0 auto;animation:12s linear infinite ub-cube-rotate;position:relative}.cube-face{background:#0d0f17d9;border:2px solid #fff3;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 20px #00f2fe33}.cube-face img{object-fit:cover;width:100%;height:100%}.cube-face.--front{transform:rotateY(0)translateZ(100px)}.cube-face.--back{transform:rotateY(180deg)translateZ(100px)}.cube-face.--left{transform:rotateY(-90deg)translateZ(100px)}.cube-face.--right{transform:rotateY(90deg)translateZ(100px)}.cube-face.--top{transform:rotateX(90deg)translateZ(100px)}.cube-face.--bottom{transform:rotateX(-90deg)translateZ(100px)}@keyframes ub-cube-rotate{0%{transform:rotateX(0)rotateY(0)}50%{transform:rotateX(180deg)rotateY(180deg)}to{transform:rotateX(360deg)rotateY(360deg)}}.gallery-3d-rotate{width:320px;height:320px;transform-style:preserve-3d;margin:3rem auto;animation:20s linear infinite ub-gallery-spin;position:relative}.gallery-3d-rotate img{object-fit:cover;border:1px solid #fff3;border-radius:8px;width:140px;height:180px;position:absolute;top:10%;left:20%;box-shadow:0 10px 25px #0009}.gallery-3d-rotate .rotate-0{transform:rotateY(0)translateZ(180px)}.gallery-3d-rotate .rotate-45{transform:rotateY(45deg)translateZ(180px)}.gallery-3d-rotate .rotate-90{transform:rotateY(90deg)translateZ(180px)}.gallery-3d-rotate .rotate-135{transform:rotateY(135deg)translateZ(180px)}.gallery-3d-rotate .rotate-180{transform:rotateY(180deg)translateZ(180px)}.gallery-3d-rotate .rotate-225{transform:rotateY(225deg)translateZ(180px)}.gallery-3d-rotate .rotate-270{transform:rotateY(270deg)translateZ(180px)}.gallery-3d-rotate .rotate-315{transform:rotateY(315deg)translateZ(180px)}@keyframes ub-gallery-spin{0%{transform:perspective(1000px)rotateY(0)}to{transform:perspective(1000px)rotateY(360deg)}}.bento-grid{gap:var(--ub-space-4,1rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%;display:grid}@media (width>=960px){.bento-grid{grid-template-columns:repeat(4,1fr)}.bento-item--large{grid-area:span 2/span 2}.bento-item--medium{grid-column:span 2}.bento-item--small{grid-column:span 1}}.parallax-container{perspective:1000px;border-radius:var(--ub-radius-xl,20px);justify-content:center;align-items:center;height:380px;display:flex;position:relative;overflow:hidden}.parallax-layer--back{z-index:1;background-size:cover;position:absolute;inset:-20px;transform:translateZ(-100px)scale(1.5)}.parallax-layer--middle{z-index:2;position:absolute;transform:translateZ(-30px)scale(1.15)}.parallax-layer--front{z-index:3;position:relative;transform:translateZ(30px)}.book-3d,.book{perspective:1400px;perspective-origin:50%;cursor:pointer;user-select:none;width:200px;height:270px;transform-style:preserve-3d;margin:1rem auto;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.book-cover{width:100%;height:100%;transform-style:preserve-3d;transform-origin:0;z-index:10;background:linear-gradient(160deg,#1c2340 0%,#0e1628 50%,#060c1a 100%);border:1px solid #b4965059;border-left:8px solid #8a6d2a;border-radius:2px 8px 8px 2px;flex-direction:column;justify-content:space-between;padding:1.25rem 1.1rem;transition:transform .85s cubic-bezier(.4,0,.2,1),box-shadow .85s;display:flex;position:absolute;inset:0;box-shadow:4px 10px 28px #000000bf,1px 2px 6px #00000080}.book-cover:before{content:"";background:linear-gradient(#0000,#ffd27840 30% 70%,#0000);width:1px;position:absolute;top:8%;bottom:8%;left:10px}.book-cover:after{content:"";backface-visibility:hidden;background:#f4ede0;border:1px solid #0000000f;border-radius:8px 2px 2px 8px;position:absolute;inset:0;transform:rotateY(180deg)}.book-3d:hover .book-cover,.book-3d.is-open .book-cover,.book-3d:has(.book-toggle:checked) .book-cover,.book:hover .book-cover,.book.is-open .book-cover{transform:rotateY(-135deg);box-shadow:-8px 14px 35px #0009}.book-inside-left{transform-origin:0;backface-visibility:hidden;color:#1a1816;background:#fdfaf3;border:1px solid #00000014;border-radius:8px 2px 2px 8px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1.1rem;display:flex;position:absolute;inset:0;transform:rotateY(180deg);box-shadow:inset -8px 0 16px #0000000f}.book-pages{transform-style:preserve-3d;background:#fffdf9;border-radius:1px 7px 7px 1px;position:absolute;inset:2px 2px 2px 6px;box-shadow:2px 6px 20px #00000073,inset 3px 0 10px #00000012}.book-page,.book-3d .page,.book .page{color:#2c1f0a;transform-style:preserve-3d;transform-origin:0;backface-visibility:hidden;background:linear-gradient(90deg,#ede3ce 0%,#f8f2e4 6%,#faf6ec 18%,#fdfaf4 100%);border:1px solid #b496501a;border-radius:1px 7px 7px 1px;flex-direction:column;justify-content:space-between;padding:1rem .9rem;transition:transform .85s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0;box-shadow:inset 8px 0 16px #00000014,inset -2px 0 6px #00000008,2px 4px 10px #0000001f}.book-page img,.book-3d .page img,.book .page img,.book-inside-left img{object-fit:cover;border-radius:4px;width:100%;height:90px;margin-bottom:.35rem;box-shadow:0 2px 8px #0000001a}.book-page h4,.book-3d .page h4,.book .page h4,.book-inside-left h4{color:#1a0f00;margin:.2rem 0;font-family:inherit;font-size:.85rem;font-weight:800}.book-page p,.book-3d .page p,.book .page p,.book-inside-left p{color:#4a3520;margin:0;font-size:.72rem;line-height:1.5}.book-3d:hover .page.--page1,.book-3d.is-open .page.--page1,.book-3d:has(.book-toggle:checked) .page.--page1,.book:hover .page.--page1,.book.is-open .page.--page1{transition-delay:40ms;transform:rotateY(-115deg)}.book-3d:hover .page.--page2,.book-3d.is-open .page.--page2,.book-3d:has(.book-toggle:checked) .page.--page2,.book:hover .page.--page2,.book.is-open .page.--page2{transition-delay:80ms;transform:rotateY(-85deg)}.book-3d:hover .page.--page3,.book-3d.is-open .page.--page3,.book-3d:has(.book-toggle:checked) .page.--page3,.book:hover .page.--page3,.book.is-open .page.--page3{transition-delay:.12s;transform:rotateY(-55deg)}.book-3d:hover .page.--page4,.book-3d.is-open .page.--page4,.book-3d:has(.book-toggle:checked) .page.--page4,.book:hover .page.--page4,.book.is-open .page.--page4{transition-delay:.16s;transform:rotateY(-20deg)}.book-toggle{opacity:0;pointer-events:none;opacity:0;pointer-events:none;position:absolute}.carousel-3d,.my-carousel{perspective:1800px;width:100%;max-width:500px;height:260px;margin:1.5rem auto;position:relative;overflow:visible}.carousel-3d-container,.my-carousel-container{width:100%;height:100%;transform-style:preserve-3d;animation:18s linear infinite ub-rotate-carousel;position:absolute}.carousel-3d:hover .carousel-3d-container,.my-carousel:hover .my-carousel-container{animation-play-state:paused}.carousel-3d-item,.my-carousel-item{border-radius:var(--ub-radius-lg,14px);color:#fff;backface-visibility:hidden;background:#0d0f17;border:1px solid #ffffff26;justify-content:center;align-items:center;width:180px;height:130px;font-weight:700;display:flex;position:absolute;top:calc(50% - 65px);left:calc(50% - 90px);overflow:hidden;box-shadow:0 15px 35px #00000080}.carousel-3d-item:first-child,.my-carousel-item:first-child{background:linear-gradient(135deg,#ff007a,#7928ca);transform:rotateY(0)translateZ(240px)}.carousel-3d-item:nth-child(2),.my-carousel-item:nth-child(2){background:linear-gradient(135deg,#00f2fe,#4facfe);transform:rotateY(72deg)translateZ(240px)}.carousel-3d-item:nth-child(3),.my-carousel-item:nth-child(3){background:linear-gradient(135deg,#f7ba2c,#ea5455);transform:rotateY(144deg)translateZ(240px)}.carousel-3d-item:nth-child(4),.my-carousel-item:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7);transform:rotateY(216deg)translateZ(240px)}.carousel-3d-item:nth-child(5),.my-carousel-item:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140);transform:rotateY(288deg)translateZ(240px)}@keyframes ub-rotate-carousel{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.image-stack-3d,.my-stack{width:220px;height:280px;margin:1.5rem auto;position:relative}.image-stack-3d .stack-item,.my-stack-item{border-radius:var(--ub-radius-xl,18px);border:2px solid #ffffff1a;width:100%;height:100%;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;overflow:hidden;box-shadow:0 15px 35px #0006}.image-stack-3d .stack-item.--back,.my-stack-item:first-child{z-index:1;background:linear-gradient(135deg,#4338ca,#312e81);transform:rotate(-12deg)translate(-30px,15px)}.image-stack-3d .stack-item.--middle,.my-stack-item:nth-child(2){z-index:2;background:linear-gradient(135deg,#0284c7,#0369a1);transform:rotate(-4deg)translate(-12px,8px)}.image-stack-3d .stack-item.--front,.my-stack-item:nth-child(3){z-index:3;background:linear-gradient(135deg,#0d9488,#0f766e);transform:rotate(4deg)translate(0)}.image-stack-3d:hover .stack-item.--back,.my-stack:hover .my-stack-item:first-child{transform:rotate(-24deg)translate(-75px,-10px)scale(.95)}.image-stack-3d:hover .stack-item.--middle,.my-stack:hover .my-stack-item:nth-child(2){transform:rotate(-8deg)translate(-35px,-20px)scale(1)}.image-stack-3d:hover .stack-item.--front,.my-stack:hover .my-stack-item:nth-child(3){transform:rotate(10deg)translate(25px,-30px)scale(1.08);box-shadow:0 25px 50px #0009,0 0 25px #00f2fe33}.gallery-3d-wall,.gallery-wall{perspective:1500px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;min-height:300px;padding:1.5rem;display:flex}.gallery-frame{width:180px;height:240px;transform-style:preserve-3d;cursor:pointer;border:4px solid #fff3;border-radius:12px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.gallery-frame:hover{border-color:#00f2fe;transform:translateZ(80px)rotateY(12deg)scale(1.05);box-shadow:0 30px 60px #000000b3,0 0 30px #00f2fe4d}.card-conic-glow{border-radius:var(--ub-radius-xl,20px);background:0 0;padding:2px;position:relative;overflow:hidden}.card-conic-glow:before{content:"";z-index:1;background:conic-gradient(#ff007a,#f7ba2c,#00f2fe,#7928ca,#ff007a);animation:4s linear infinite ub-spin-conic;position:absolute;inset:-50%}.card-conic-glow>.card-conic-content{border-radius:calc(var(--ub-radius-xl,20px) - 2px);z-index:2;background:#090a10;height:100%;padding:1.75rem;position:relative}@keyframes ub-spin-conic{to{transform:rotate(360deg)}}.btn-slide-fill{border:2px solid var(--ub-accent-cyan,#00f2fe);color:var(--ub-accent-cyan,#00f2fe);border-radius:var(--ub-radius-md,10px);cursor:pointer;z-index:1;background:0 0;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;transition:color .4s,transform .3s,box-shadow .4s;position:relative;overflow:hidden}.btn-slide-fill:before{content:"";background:var(--ub-accent-cyan,#00f2fe);z-index:-1;width:100%;height:100%;transition:left .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.btn-slide-fill:hover:before{left:0}.btn-slide-fill:hover{color:#050608;transform:translateY(-2px);box-shadow:0 10px 25px #00f2fe66}.gallery-masonry{column-count:3;column-gap:1.25rem;width:100%}@media (width<=900px){.gallery-masonry{column-count:2}}@media (width<=540px){.gallery-masonry{column-count:1}}.gallery-item{break-inside:avoid;border-radius:var(--ub-radius-lg,14px);object-fit:cover;width:100%;margin-bottom:1.25rem;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s,box-shadow .35s;display:block;box-shadow:0 4px 15px #0003}.gallery-item:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #00000059}.gallery-item.--tall{aspect-ratio:2/3}.gallery-item.--wide{aspect-ratio:16/9}.gallery-item.--square{aspect-ratio:1}.gallery-item.--small{aspect-ratio:4/3;max-height:180px}.film-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;background:#0f1015;border-top:8px dashed #fff3;border-bottom:8px dashed #fff3;gap:1.25rem;width:100%;padding:2rem 1.5rem;display:flex;overflow-x:auto}.film-strip::-webkit-scrollbar{height:6px}.film-strip::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.film-frame{aspect-ratio:3/2;object-fit:cover;scroll-snap-align:center;filter:grayscale(.2)contrast(1.1);cursor:pointer;border:4px solid #1a1c23;border-radius:4px;flex:none;width:240px;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s,box-shadow .35s;box-shadow:0 6px 16px #00000080}.film-frame:hover{filter:grayscale(0)contrast();z-index:10;transform:scale(1.06)translateY(-4px);box-shadow:0 12px 28px #00f2fe40}.carousel-css{border-radius:var(--ub-radius-xl,20px);background:var(--ub-bg-surface,#0d0f17);width:100%;position:relative;overflow:hidden}.carousel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:1.5rem;padding:1.5rem;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{aspect-ratio:16/9;scroll-snap-align:center;border-radius:var(--ub-radius-lg,14px);object-fit:cover;flex:0 0 85%;max-width:85%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;box-shadow:0 10px 30px #00000059}@media (width>=768px){.carousel-slide{flex:0 0 70%;max-width:70%}}.carousel-slide:hover{transform:scale(1.02);box-shadow:0 16px 40px #00000080}.lightbox{display:inline-block;position:relative}.lightbox-thumb{cursor:pointer;border-radius:var(--ub-radius-md,8px);max-width:100%;transition:transform .25s,filter .25s}.lightbox-thumb:hover{transform:scale(1.03)}.lightbox-full{-webkit-backdrop-filter:blur(12px);z-index:9999;opacity:0;pointer-events:none;background:#040508eb;justify-content:center;align-items:center;padding:2rem;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:none;position:fixed;inset:0}.lightbox-full img{object-fit:contain;border-radius:var(--ub-radius-lg,16px);max-width:90vw;max-height:85vh;transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.95);box-shadow:0 25px 60px #000c,0 0 0 1px #ffffff1a}.lightbox:focus-within .lightbox-full,.lightbox-full:target,.lightbox:hover:has(.lightbox-full:hover) .lightbox-full,.lightbox:active .lightbox-full{opacity:1;pointer-events:auto;display:flex}.lightbox:focus-within .lightbox-full img,.lightbox-full:target img,.lightbox:active .lightbox-full img{transform:scale(1)}.lightbox-full:after{content:"✕";color:#fff;cursor:pointer;opacity:.7;font-size:1.75rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem}.lightbox-full:hover:after{opacity:1}.style-skeuo{--ub-radius-md:8px}.btn-leather{padding:var(--ub-space-3) var(--ub-space-6);color:#f5e6d3;border-radius:var(--ub-radius-md);text-shadow:0 1px 2px #000c;cursor:pointer;transition:transform var(--ub-transition-fast), box-shadow var(--ub-transition-fast);background:linear-gradient(#5c3a21 0%,#3e2714 100%);border:2px dashed #8b5a2b;justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 2px 4px #fff3,0 4px 10px #00000080}.btn-leather:hover{transform:translateY(-2px);box-shadow:inset 0 2px 4px #ffffff4d,0 6px 14px #0009}.btn-leather:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #0009}.card-wood{padding:var(--ub-space-6);border-radius:var(--ub-radius-lg);color:#fbf5eb;background:linear-gradient(90deg,#4a2e18 0%,#5d3a1f 25%,#4a2e18 50%,#5d3a1f 75%,#4a2e18 100%);border:4px solid #2e1c0c;box-shadow:inset 0 0 30px #000000b3,0 12px 28px #0009}.icon-metal{color:#111;background:linear-gradient(135deg,#e0e0e0 0%,#888 50%,#444 51%,#aaa 100%);border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 2px 4px #fffc,0 4px 10px #0006}.style-brutal,.brutal-neo{color:#050505;background:#fff8e7;border:3px solid #000;border-radius:0;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:6px 6px #000}.brutal-neo:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #000}.brutal-neo:active{transform:translate(3px,3px);box-shadow:3px 3px #000}.brutal-raw{color:#000;font-family:var(--ub-font-family-mono);background:#fff;border:4px solid #000;box-shadow:10px 10px #f05}.brutal-soft{color:#111;background:#fdf6ec;border:2.5px solid #111;border-radius:12px;box-shadow:5px 5px #111}.btn-brutal{padding:var(--ub-space-3) var(--ub-space-6);font-weight:800;font-size:var(--ub-font-base);text-transform:uppercase;letter-spacing:.05em;color:#000;cursor:pointer;background:#ffd60a;border:3px solid #000;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;box-shadow:4px 4px #000}.btn-brutal:hover{color:#fff;background:#ff007f;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.btn-brutal:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.bauhaus-grid{padding:var(--ub-space-6);background:#eae6df;border:4px solid #1a1a1a;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bauhaus-primary{color:#fff;background:#d62828}.bauhaus-yellow{color:#1a1a1a;background:#f77f00}.bauhaus-blue{color:#fff;background:#003049}.swiss-grid{letter-spacing:-.03em;color:#000;padding:var(--ub-space-8);background:#fff;gap:24px;font-family:Helvetica Neue,Arial,sans-serif;display:grid}.swiss-typo{text-transform:uppercase;letter-spacing:-.04em;font-weight:900;line-height:.9}.memphis-pattern{background-color:#fbfbfb;background-image:radial-gradient(#ff007f 15%,#0000 16%),radial-gradient(#00f2fe 15%,#0000 16%);background-position:0 0,15px 15px;background-size:30px 30px;border:3px solid #000;box-shadow:8px 8px #ffd60a}.deco-geometric{padding:var(--ub-space-6);color:#f4e8c1;background:#0d0f14;border:2px solid #d4af37;position:relative}.deco-geometric:before{content:"";pointer-events:none;border:1px solid #d4af3766;position:absolute;inset:6px}.deco-gold{background:linear-gradient(135deg,#bf953f 0%,#fcf6ba 25%,#b38728 50%,#fbf5b7 75%,#aa771c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.vapor-sunset{color:#fff;background:linear-gradient(#1f003b 0%,purple 40%,#ff007f 70%,#ff8c00 100%)}.vapor-grid{background:#0d0221;position:relative;overflow:hidden}.vapor-grid:after{content:"";transform-origin:bottom;pointer-events:none;background-image:linear-gradient(90deg,#ff007f4d 1px,#0000 1px),linear-gradient(#00f2fe4d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;transform:perspective(400px)rotateX(60deg)scale(2)}.vapor-chrome{background:linear-gradient(#fff 0%,#d8e5e8 40%,#34495e 50%,#a6b8c7 51%,#fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #00f2fe80);-webkit-background-clip:text;background-clip:text;font-weight:900}.texture-watercolor{filter:contrast(110%)brightness(105%);background-color:#fdfbf7;background-image:radial-gradient(at 20% 30%,#ff6b6b40 0,#0000 50%),radial-gradient(at 80% 20%,#4ecdc440 0,#0000 50%),radial-gradient(at 40% 80%,#ffd93d40 0,#0000 50%),radial-gradient(at 90% 85%,#9d4edd33 0,#0000 50%)}.texture-charcoal{color:#f0f0f0;background-color:#1a1a1a;background-image:radial-gradient(#ffffff14 1px,#0000 0),radial-gradient(#000c 1px,#0000 0);background-size:4px 4px,3px 3px}.texture-oil{background:linear-gradient(135deg,#1b263b 0%,#415a77 50%,#778da9 100%);box-shadow:inset 0 2px 8px #ffffff4d,inset 0 -2px 8px #00000080}.texture-marble{color:#1e293b;background:repeating-linear-gradient(45deg,#00000008 0 2px,#0000 2px 8px)}.texture-holographic{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 20%,#a1c4fd 40%,#c2e9fb 60%,#fdcbf1 80%,#e6dee9 100%) 0 0/300% 300%;animation:6s infinite ub-holo-flow}@keyframes ub-holo-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.texture-scanlines{position:relative}.texture-scanlines:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff0 50%,#0000004d 50%,#0000004d) 0 0/100% 4px;position:absolute;inset:0}.texture-vhs{position:relative;overflow:hidden}.texture-vhs:before{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#ff00001a,#00ff001a,#0000ff1a);position:absolute;inset:0}.shape-blob{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transition:border-radius .6s}.shape-blob:hover{border-radius:40% 60% 70% 30%/40% 40% 60% 60%}.shape-squircle{border-radius:28%}.shape-organic{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}.shape-amoeba{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.shape-wave{border-radius:50%/60% 60% 40% 40%}.brush-gradient-conic{background:conic-gradient(from 180deg,#ff007f,#00f2fe,#ffd60a,#9d4edd,#ff007f)}.brush-gradient-radial{background:radial-gradient(circle,#ff007f 0%,#7928ca 50%,#000 100%)}.brush-gradient-bold{background:linear-gradient(135deg,#ff0844 0%,#ffb199 100%)}.brush-gradient-soft{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.canvas{border-radius:var(--ub-radius-lg,16px);background:var(--ub-bg-surface,#0d0f17);border:1px solid var(--ub-border,#ffffff14);width:100%;box-shadow:var(--ub-shadow-float,0 20px 40px #0006);isolation:isolate;position:relative;overflow:hidden}.canvas-portrait{aspect-ratio:3/4;max-width:420px}.canvas-landscape{aspect-ratio:16/9;width:100%}.canvas-square{aspect-ratio:1;max-width:480px}.canvas-watercolor-paper{color:#2b2219;background-color:#faf6ee;background-image:radial-gradient(#ece3d0 15%,#0000 16%),radial-gradient(#e5dbc3 15%,#0000 16%);background-position:0 0,8px 8px;background-size:16px 16px;border:8px solid #fff;box-shadow:0 12px 35px #00000040}.canvas-oil-canvas{background-color:#f4eee1;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:6px 6px;border:12px solid #3d2b1f;box-shadow:inset 0 0 20px #0000004d,0 15px 40px #00000080}.canvas>img,.canvas>div,.canvas>svg{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;inset:0}.layer-back{z-index:1}.layer-mid{z-index:2;object-fit:contain!important}.layer-front{z-index:3;object-fit:contain!important}.layer-top{z-index:4;object-fit:contain!important}.art-layers{width:100%;height:100%;position:relative}.art-layer--background{z-index:1;position:absolute;inset:0}.art-layer--midground{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.art-layer--foreground{z-index:3;padding:var(--ub-space-6,1.5rem);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.art-layer--overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.blend-multiply{mix-blend-mode:multiply}.blend-screen{mix-blend-mode:screen}.blend-overlay{mix-blend-mode:overlay}.blend-soft-light{mix-blend-mode:soft-light}.blend-color-dodge{mix-blend-mode:color-dodge}.blend-luminosity{mix-blend-mode:luminosity}.blend-difference{mix-blend-mode:difference}.blend-hard-light{mix-blend-mode:hard-light}.blend-color-burn{mix-blend-mode:color-burn}.parallax-scene{border-radius:var(--ub-radius-xl,24px);background:#06070a;width:100%;min-height:380px;position:relative;overflow:hidden}.parallax-scene>*{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.parallax-slow{z-index:1;animation:20s ease-in-out infinite alternate ub-drift-slow}.parallax-medium{z-index:2;animation:12s ease-in-out infinite alternate ub-drift-med}.parallax-fast{z-index:3;animation:6s ease-in-out infinite alternate ub-drift-fast}.parallax-static{z-index:4}@keyframes ub-drift-slow{0%{transform:scale(1.05)translateY(0)}to{transform:scale(1.1)translateY(-12px)}}@keyframes ub-drift-med{0%{transform:scale(1.08)translateY(4px)translate(-6px)}to{transform:scale(1.12)translateY(-18px)translate(6px)}}@keyframes ub-drift-fast{0%{transform:scale(1.1)translateY(8px)translate(-12px)}to{transform:scale(1.15)translateY(-26px)translate(12px)}}.polaroid-stack{isolation:isolate;justify-content:center;align-items:center;min-height:360px;padding:2.5rem 1rem;display:flex;position:relative}.polaroid-stack .polaroid,.gallery-polaroid .polaroid,.polaroid{cursor:pointer;color:#1a1a1a;background:#fff;border-radius:2px;max-width:240px;padding:12px 12px 36px;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,z-index .35s;display:inline-block;position:relative;box-shadow:0 12px 30px #00000047,0 2px 6px #0000001f}.polaroid img{aspect-ratio:1;object-fit:cover;border-radius:1px;width:100%;display:block}.polaroid figcaption,.polaroid .polaroid-caption{color:#333;text-align:center;margin-top:10px;font-family:Playfair Display,Caveat,Comic Sans MS,cursive,serif;font-size:.95rem;font-weight:600}.polaroid.--rotate-left{transform:rotate(-6deg)}.polaroid.--rotate-right{transform:rotate(6deg)}.polaroid.--rotate-more{transform:rotate(-14deg)}.polaroid.--on-top{z-index:10;transform:scale(1.04)rotate(1deg)}.polaroid:hover,.polaroid-stack .polaroid:hover{box-shadow:0 24px 50px #00000073;z-index:50!important;transform:scale(1.1)rotate(0)!important}.gallery-polaroid{flex-wrap:wrap;justify-content:center;gap:2rem;padding:1.5rem 0;display:flex}.mood-calm{--ub-bg:#0e131f;--ub-text:#e2e8f0;--ub-border:#94a3b826;color:var(--ub-text);background:linear-gradient(135deg,#0f172ae6,#1e293bcc)}.mood-energetic{color:#fff;background:linear-gradient(135deg,#ff0844 0%,#ffb199 100%)}.mood-mysterious{color:#f3f4f6;background:linear-gradient(135deg,#090a0f 0%,#170d2b 50%,#090a0f 100%);border:1px solid #7928ca;box-shadow:0 0 30px #7928ca59}.mood-playful{color:#1e1b4b;border-radius:var(--ub-radius-2xl);background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%)}.mood-romantic{color:#4a0e2e;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 99% 100%)}.mood-powerful{color:#fff;background:#000;border:3px solid #f05;box-shadow:8px 8px #00f2fe}.emotion-joy{color:#261605;background:linear-gradient(135deg,#ffe259 0%,#ffa751 100%)}.emotion-peace{color:#0f172a;background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%)}.emotion-passion{color:#fff;background:linear-gradient(135deg,#f857a6 0%,#ff5858 100%)}.emotion-growth{color:#fff;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.emotion-creativity{color:#fff;background:linear-gradient(135deg,#7f00ff 0%,#e100ff 100%)}.emotion-warmth{color:#3b1100;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.feel-soft{border-radius:var(--ub-radius-2xl);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.feel-smooth{-webkit-backdrop-filter:blur(20px);transition:all var(--ub-transition-base);border:1px solid #ffffff1f}.feel-rough{border:3px solid #000;box-shadow:6px 6px #000}.feel-grainy{position:relative}.feel-grainy:after{content:"";pointer-events:none;background-image:radial-gradient(#0000002e 1px,#0000 0);background-size:3px 3px;position:absolute;inset:0}.vibe-artistic{padding:var(--ub-space-7);border-radius:var(--ub-radius-2xl);background:linear-gradient(135deg, #ffffff1a, #ffffff08), var(--ub-bg-surface);backdrop-filter:blur(20px);border:1px solid var(--ub-glass-border);box-shadow:var(--ub-shadow-float), 0 0 30px #7928ca40;color:var(--ub-text);transition:transform var(--ub-transition-spring), box-shadow var(--ub-transition-base);position:relative;overflow:hidden}.vibe-artistic:hover{box-shadow:var(--ub-shadow-deep), 0 0 40px #00f2fe59;transform:translateY(-5px)scale(1.01)}.vector-canvas{pointer-events:auto;z-index:1;width:100%;height:100%;position:absolute;inset:0}.vector-canvas--bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vector-container{border-radius:var(--ub-radius-xl,20px);background:var(--ub-bg-surface,#0d0f17);border:1px solid var(--ub-border,#ffffff14);box-shadow:var(--ub-shadow-float,0 20px 40px #0006);position:relative;overflow:hidden}.vector-stroke-glow{filter:drop-shadow(0 0 8px var(--ub-accent-cyan,#00f2fe)) drop-shadow(0 0 16px var(--ub-accent-pink,#ff007a))}.vector-stroke-cyber{filter:drop-shadow(0 0 10px #00f2fe99)}.vector-stroke-gold{filter:drop-shadow(0 0 10px #d4af3799)}.vector-blob-interactive{filter:drop-shadow(0 15px 30px #00000073);transition:transform var(--ub-transition-fast,.15s ease)}.vector-overlay-content{z-index:10;pointer-events:auto;position:relative}.marquee{white-space:nowrap;box-sizing:border-box;width:100%;display:flex;position:relative;overflow:hidden}.marquee__inner,.marquee>*{padding-left:100%;animation:12s linear infinite ub-marquee-scroll;display:inline-block}.marquee--slow>*,.marquee.--slow>*{animation-duration:24s}.marquee--fast>*,.marquee.--fast>*{animation-duration:5s}.marquee--bounce>*,.marquee.--bounce>*{animation:8s ease-in-out infinite alternate ub-marquee-bounce}.marquee--pause-hover:hover>*,.marquee.--pause-hover:hover>*{animation-play-state:paused}.marquee--gradient{mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee--neon{text-shadow:0 0 8px #00f2fe,0 0 16px #ff007f}.marquee-3d{perspective:600px;transform:rotateX(20deg)rotateY(-10deg)}.marquee-rainbow{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes ub-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes ub-marquee-bounce{0%{transform:translate(0%)}to{transform:translate(-50%)}}.blink{animation:1s step-start infinite ub-blink-step}.blink--soft{animation:1.8s ease-in-out infinite ub-blink-soft}.blink--neon{animation:.8s ease-in-out infinite alternate ub-blink-neon}.blink--heartbeat{animation:1.4s ease-in-out infinite ub-blink-heart}@keyframes ub-blink-step{50%{opacity:0}}@keyframes ub-blink-soft{0%,to{opacity:1}50%{opacity:.2}}@keyframes ub-blink-neon{0%{opacity:.3;text-shadow:none}to{opacity:1;text-shadow:0 0 10px #00f2fe,0 0 20px #00f2fe}}@keyframes ub-blink-heart{0%,to{opacity:1;transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{opacity:.8;transform:scale(1)}}.window-95{color:#000;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;max-width:100%;padding:3px;font-family:MS Sans Serif,Tahoma,sans-serif;box-shadow:inset 2px 2px gray,inset -2px -2px #dfdfdf,4px 4px 15px #00000080}.window-titlebar{color:#fff;user-select:none;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:3px 6px;font-size:.82rem;font-weight:700;display:flex}.window-buttons{gap:2px;display:flex}.win-btn,.win-min,.win-max,.win-close{color:#000;cursor:pointer;background:silver;border:1px solid #000;border-color:#fff #000 #000 #fff;justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.win-btn:active,.win-close:active{border:1px solid #fff;border-color:#000 #fff #fff #000}.window-content{background:silver;padding:12px;font-size:.88rem}.window-95--teal .window-titlebar{background:linear-gradient(90deg,teal,#20b2aa)}.window-95--purple .window-titlebar{background:linear-gradient(90deg,indigo,#9400d3)}.window-95--dark{color:#f3f4f8;background:#1e1e24;border-color:#3f3f46}.window-95--dark .window-content{color:#f3f4f8;background:#18181b}.crt-screen{background:#0d1117;border:4px solid #1f242d;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #000c,0 10px 30px #000000b3}.crt-scanlines:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000073 50%) 0 0/100% 4px;display:block;position:absolute;inset:0}.crt-flicker{animation:.15s infinite ub-crt-flicker}.crt-glow{text-shadow:0 0 8px}.crt--green{color:#3f3;background:#020d02;font-family:JetBrains Mono,Consolas,monospace}.crt--amber{color:#ffb000;background:#0d0800;font-family:JetBrains Mono,Consolas,monospace}@keyframes ub-crt-flicker{0%{opacity:.98}50%{opacity:1}to{opacity:.96}}.bit-8,.pixel-art{image-rendering:pixelated;font-family:Courier New,monospace;font-weight:700}.pixel-border{margin:4px;box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000}.btn-8bit{color:#000;cursor:pointer;text-transform:uppercase;background:#fc0;border:none;padding:8px 16px;font-family:Courier New,monospace;font-weight:900;transition:transform .1s steps(2,end);box-shadow:-4px 0 #000,4px 0 #000,0 -4px #000,0 4px #000,0 8px #0000004d}.btn-8bit:active{transform:translateY(4px);box-shadow:-4px 0 #000,4px 0 #000,0 -4px #000,0 4px #000}.visitor-counter{background:#000;border:2px solid #555;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-family:Courier New,monospace;display:inline-flex}.counter-digits{color:#0f6;letter-spacing:3px;background:#111;border:1px inset #333;padding:2px 6px;font-weight:900}.counter--lcd .counter-digits{color:#1a2208;background:#798645;font-family:monospace;font-weight:900}.counter--neon .counter-digits{color:#ff007f;text-shadow:0 0 8px #ff007f}.under-construction{color:#fff;text-align:center;text-shadow:1px 1px #000,-1px -1px #000;background:repeating-linear-gradient(-45deg,#fc0,#fc0 15px,#111 15px 30px);border-radius:8px;padding:12px;font-weight:900}.construction--cute{color:#d81b60;background:repeating-linear-gradient(-45deg,#ffb6c1,#ffb6c1 15px,#fff 15px 30px)}.winamp-player{background:#292a2e;border:2px solid #525357;border-radius:6px;width:100%;max-width:320px;padding:8px;font-family:Courier New,monospace;box-shadow:0 10px 25px #0009}.winamp-display{color:#0f0;white-space:nowrap;background:#000;border:1px solid #111;margin-bottom:8px;padding:6px;font-size:.75rem;font-weight:700;overflow:hidden}.winamp-eq{background:#0a0a0c;align-items:flex-end;gap:3px;height:28px;margin-bottom:8px;padding:3px;display:flex}.eq-bar{background:linear-gradient(red 10%,#ff0 30%,#0f0);flex:1;animation:.6s ease-in-out infinite alternate ub-eq-bounce}.eq-bar:first-child{height:60%;animation-delay:.1s}.eq-bar:nth-child(2){height:90%;animation-delay:.3s}.eq-bar:nth-child(3){height:40%;animation-delay:.2s}.eq-bar:nth-child(4){height:80%;animation-delay:.4s}.eq-bar:nth-child(5){height:50%;animation-delay:.15s}@keyframes ub-eq-bounce{0%{height:20%}to{height:95%}}.site-retro{color:#0f0;background-color:navy;background-image:radial-gradient(#fff 1px,#0000 1px),radial-gradient(#fff 1px,navy 1px);background-position:0 0,20px 20px;background-size:40px 40px;border:4px ridge silver;max-width:1080px;margin:0 auto;padding:1.5rem;font-family:Courier New,Courier,monospace;box-shadow:0 0 30px #000c}.retro-header{text-align:center;border-bottom:4px double #ff0;margin-bottom:1.5rem;padding:1.5rem 1rem}.text-rainbow{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#8b00ff,red) 0 0/200%;-webkit-text-fill-color:transparent;color:#0000;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-family:Comic Sans MS,Impact,cursive,sans-serif;font-weight:900;animation:3s linear infinite ub-rainbow-shift}@keyframes ub-rainbow-shift{0%{background-position:0%}to{background-position:200%}}.marquee{white-space:nowrap;box-sizing:border-box;color:#ff0;background:#000;border:2px dashed #ff0;margin:1rem 0;padding:8px 12px;font-family:Courier New,monospace;font-weight:700;display:block;position:relative;overflow:hidden}.marquee:before,.marquee>*{padding-left:100%;animation:12s linear infinite ub-marquee-scroll;display:inline-block}.retro-nav{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.site-retro .btn-3d,.retro-nav .btn-3d,.btn-retro{cursor:pointer;user-select:none;background:silver;border:3px solid #404040;border-color:#fff #404040 #404040 #fff;align-items:center;gap:6px;padding:8px 18px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:2px 2px #0006;color:#000!important}.site-retro .btn-3d:active,.retro-nav .btn-3d:active,.btn-retro:active{box-shadow:none;border:3px solid #fff;border-color:#404040 #fff #fff #404040;transform:translate(2px,2px)}.retro-main{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.profile-card,.guestbook{color:#000;background:silver;border:3px outset #fff;padding:1.25rem;font-family:Times New Roman,Times,serif;box-shadow:5px 5px #000}.profile-card h2,.guestbook h2,.photo-gallery h2{color:navy;border-bottom:2px solid navy;margin-bottom:.75rem;padding-bottom:4px;font-family:Comic Sans MS,cursive,sans-serif}.profile-pic,.--pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border:3px inset #fff;max-width:140px;margin-bottom:.75rem;display:block}.mood-status,.now-playing{color:#000;background:#ffc;border:1px solid #999;margin:.6rem 0;padding:6px 10px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:.85rem}.guestbook-form{flex-direction:column;gap:.6rem;margin-top:.75rem;display:flex}.input-retro{color:#000;background:#fff;border:2px inset gray;padding:6px 8px;font-family:Courier New,monospace;font-size:.9rem}.guestbook-entries{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.guestbook-entries .entry{background:#e0e0e0;border:1px dotted #666;padding:6px 10px;font-size:.9rem;font-style:italic}.retro-footer{text-align:center;border-top:4px double #ff0;flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.webring{color:#0ff;background:#000040;border:2px dotted #0ff;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-block}.counter{color:#0f0;letter-spacing:3px;background:#000;border:3px inset gray;padding:6px 14px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:900;display:inline-block;box-shadow:0 0 10px #0f06}.badges{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#000;border:2px outset #fff;justify-content:center;align-items:center;padding:4px 10px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:2px 2px #0009}.portfolio-artist{flex-direction:column;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.hero-creative{border-radius:var(--ub-radius-2xl,28px);min-height:480px;box-shadow:var(--ub-shadow-float,0 20px 40px #0006);border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex;position:relative;overflow:hidden}.hero-creative .hero-bg{z-index:1;position:absolute;inset:0}.hero-content{z-index:10;text-align:center;-webkit-backdrop-filter:blur(16px);border-radius:var(--ub-radius-xl,20px);background:#0d0f17a6;border:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:1rem;max-width:600px;padding:2.5rem;display:flex;position:relative}.avatar.--floating{object-fit:cover;border:3px solid #fffc;border-radius:50%;width:110px;height:110px;animation:5s ease-in-out infinite ub-float-slow;box-shadow:0 10px 25px #0006}.hero-particles{gap:1rem;margin-top:.5rem;font-size:1.5rem;display:flex}.work-showcase{flex-direction:column;gap:2rem;display:flex}.section-title.--underline{padding-bottom:8px;font-size:2.2rem;font-weight:800;display:inline-block;position:relative}.section-title.--underline:after{content:"";background:var(--ub-accent-gradient,linear-gradient(90deg, #ff007a, #00f2fe));border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:0}.work-featured{background:var(--ub-bg-surface,#0d0f17);border-radius:var(--ub-radius-xl,20px);border:1px solid var(--ub-border,#ffffff14);grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;padding:1.5rem;display:grid}@media (width<=768px){.work-featured{grid-template-columns:1fr}}.work-image{border-radius:var(--ub-radius-lg,14px);object-fit:cover;aspect-ratio:16/10;width:100%}.work-tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.work-tags .tag{color:var(--ub-accent-cyan,#00f2fe);background:#ffffff0f;border-radius:100px;padding:4px 10px;font-size:.8rem;font-weight:600}.work-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.work-card{background:var(--ub-bg-surface,#0d0f17);border-radius:var(--ub-radius-lg,14px);border:1px solid var(--ub-border,#ffffff14);cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;overflow:hidden}.work-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.work-card figcaption{color:#fff;padding:1rem;font-weight:600}.work-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000080}.about-creative{background:var(--ub-bg-surface,#0d0f17);border-radius:var(--ub-radius-xl,20px);border:1px solid var(--ub-border,#ffffff14);grid-template-columns:auto 1fr;align-items:center;gap:2.5rem;padding:2.5rem;display:grid}@media (width<=768px){.about-creative{text-align:center;grid-template-columns:1fr;justify-items:center}}.about-image.--polaroid{max-width:220px}.skills{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.skill{z-index:1;background:#ffffff0f;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:600;display:block;position:relative;overflow:hidden}.skill:before{content:"";opacity:.25;z-index:-1;background:linear-gradient(90deg,#ff007a,#00f2fe);border-radius:8px;position:absolute;top:0;bottom:0;left:0}.skill.--level-90:before{width:90%}.skill.--level-80:before{width:80%}.skill.--level-70:before{width:70%}.contact-creative{text-align:center;border-radius:var(--ub-radius-xl,20px);background:linear-gradient(#ffffff05 0%,#ffffff0f 100%);border:1px solid #ffffff14;padding:3rem 1.5rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.contact-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;padding:10px 22px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.contact-btn:hover{color:#000;background:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #fff3}.animate{animation-fill-mode:both;display:inline-block}.animate.--duration-1s,.--duration-1s{animation-duration:1s!important}.animate.--duration-2s,.--duration-2s{animation-duration:2s!important}.animate.--duration-3s,.--duration-3s{animation-duration:3s!important}.animate.--duration-5s,.--duration-5s{animation-duration:5s!important}.animate.--delay-200ms,.--delay-200ms{animation-delay:.2s!important}.animate.--delay-500ms,.--delay-500ms{animation-delay:.5s!important}.animate.--delay-1s,.--delay-1s{animation-delay:1s!important}.animate.--ease-bounce,.--ease-bounce{animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)!important}.animate.--ease-smooth,.--ease-smooth{animation-timing-function:cubic-bezier(.16,1,.3,1)!important}.animate.--ease-elastic,.--ease-elastic{animation-timing-function:cubic-bezier(.34,1.56,.64,1)!important}.text-animate{display:inline-block;position:relative}.text-animate.--typewriter,.--typewriter{white-space:nowrap;border-right:2px solid;width:0;animation:3.5s steps(30,end) infinite alternate ub-typing,.75s step-end infinite ub-blink-caret;display:inline-block;overflow:hidden}@keyframes ub-typing{0%{width:0}to{width:100%}}@keyframes ub-blink-caret{0%,to{border-color:#0000}50%{border-color:var(--ub-accent-cyan,#00f2fe)}}.text-animate.--gradient-flow,.--gradient-flow{background:linear-gradient(270deg,#ff007a,#7928ca,#00f2fe,#4facfe,#ff007a) 0 0/400% 400%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s infinite ub-text-gradient-flow}@keyframes ub-text-gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.text-animate.--word-by-word,.text-animate.--letter-by-letter{animation:2s ease-in-out infinite ub-text-pop}.text-animate.--line-by-line{animation:3s ease-in-out infinite ub-line-fade}.text-animate.--scramble{filter:contrast(150%);animation:1.5s steps(2,end) infinite ub-text-glitch}@keyframes ub-text-pop{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}}@keyframes ub-line-fade{0%,to{opacity:.3;transform:translateY(4px)}50%{opacity:1;transform:translateY(0)}}@keyframes ub-text-glitch{0%{text-shadow:none;transform:translate(0)}20%{text-shadow:2px 0 #ff007a,-2px 0 #00f2fe;transform:translate(-2px,1px)}40%{text-shadow:-2px 0 #ff007a,2px 0 #00f2fe;transform:translate(2px,-1px)}60%{text-shadow:none;transform:translate(0)}to{text-shadow:none;transform:translate(0)}}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.hover-lift:hover{box-shadow:var(--ub-shadow-float,0 20px 40px #0000004d);transform:translateY(-6px)}.hover-shrink{transition:transform .25s cubic-bezier(.4,0,.2,1)}.hover-shrink:hover{transform:scale(.94)}.hover-grow,.hover-scale{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-grow:hover,.hover-scale:hover{transform:scale(1.06)}.hover-tilt{transition:transform .4s cubic-bezier(.25,1,.5,1)}.hover-tilt:hover{transform:perspective(1000px)rotateX(8deg)rotateY(-8deg)}.hover-shake:hover{animation:.5s ease-in-out ub-shake}.hover-wiggle:hover{animation:.6s ease-in-out ub-wiggle}.hover-pulse:hover{animation:1.2s ease-in-out infinite ub-pulse}.hover-glow{transition:box-shadow .3s,filter .3s}.hover-glow:hover{filter:brightness(1.1);box-shadow:0 0 25px #00f2feb3,0 0 50px #ff007f66}.hover-glow-cyan:hover{box-shadow:var(--ub-shadow-glow-cyan)}.hover-glow-pink:hover{box-shadow:var(--ub-shadow-glow-pink)}.hover-glow-sunset:hover{box-shadow:var(--ub-shadow-glow-sunset)}.hover-shine{position:relative;overflow:hidden}.hover-shine:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 30%,#ffffff40 50%,#0000 70%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)translateY(-100%)}.hover-shine:hover:after{transform:rotate(25deg)translateY(100%)}.hover-border{transition:border-color .3s;position:relative}.hover-border:hover{border-color:var(--ub-accent-cyan,#00f2fe)}.hover-rotate,.hover-spin{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.hover-rotate:hover,.hover-spin:hover{transform:rotate(360deg)}.hover-flip{perspective:1000px;transition:transform .6s}.hover-flip:hover{transform:rotateY(180deg)}.hover-bounce:hover{animation:.5s cubic-bezier(.68,-.6,.32,1.6) ub-hover-bounce}.hover-squish:hover,.active-squish:active{transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:scale(.92,1.08)}.hover-grayscale{filter:none;transition:filter .3s}.hover-grayscale:hover{filter:grayscale()}.hover-color{filter:grayscale();transition:filter .3s}.hover-color:hover{filter:grayscale(0%)}.hover-blur{transition:filter .3s}.hover-blur:hover{filter:blur(4px)}.hover-zoom{overflow:hidden}.hover-zoom img,.hover-zoom.pic,.hover-zoom>*{transition:transform .5s cubic-bezier(.25,1,.5,1)}.hover-zoom:hover img,.hover-zoom:hover.pic,.hover-zoom:hover>*{transform:scale(1.12)}.hover-3d{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,1,.5,1)}.hover-3d:hover{transform:perspective(800px)translateZ(30px)rotateX(4deg)}.hover-magnetic{transition:transform .2s cubic-bezier(.25,1,.5,1)}.hover-magnetic:hover{transform:translate(4px,-4px)}.hover-morph:hover{border-radius:40% 60% 70% 30%/40% 40% 60% 60%;transition:border-radius .5s}.tap-pop:active{animation:.25s ease-out ub-tap-pop}.tap-ripple{position:relative;overflow:hidden}.tap-ripple:active:after{content:"";border-radius:inherit;background:#ffffff4d;animation:.4s ease-out ub-ripple;position:absolute;inset:0}.tap-burst:active{animation:.3s ease-out ub-tap-burst}.tap-spin:active{transition:transform .3s;transform:rotate(180deg)}.tap-fold:active{opacity:.7;transform:perspective(600px)rotateX(-45deg)}.tap-explode:active{opacity:0;transition:transform .25s,opacity .25s;transform:scale(1.3)}.tap-shrink:active{transition:transform .15s;transform:scale(.9)}.tap-bounce:active{animation:.3s ease-in-out ub-hover-bounce}.focus-ring:focus-visible{outline:3px solid var(--ub-focus-ring,#00f2fe);outline-offset:3px}@keyframes ub-hover-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)scale(1.04)}}@keyframes ub-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes ub-tap-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes ub-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes ub-tap-burst{0%{transform:scale(.95);box-shadow:0 0 #00f2feb3}70%{transform:scale(1.05);box-shadow:0 0 0 15px #00f2fe00}to{transform:scale(1);box-shadow:0 0 #00f2fe00}}.transition-fade,[data-transition=fade]{animation:.6s cubic-bezier(.16,1,.3,1) both ub-fadeUp}.transition-slide,[data-transition=slide]{animation:.6s cubic-bezier(.16,1,.3,1) both ub-slideUp}.transition-zoom,[data-transition=zoom]{animation:.6s cubic-bezier(.34,1.56,.64,1) both ub-popIn}.transition-flip,[data-transition=flip]{animation:.7s cubic-bezier(.16,1,.3,1) both ub-flipIn}.transition-morph,[data-transition=morph]{animation:.7s cubic-bezier(.16,1,.3,1) both ub-morphIn}.transition-wipe,[data-transition=wipe]{animation:.6s cubic-bezier(.16,1,.3,1) both ub-wipeIn}.transition-glitch,[data-transition=glitch]{animation:.4s both ub-glitch}.transition-blur,[data-transition=blur]{animation:.7s ease-out both ub-blurIn}.transition-spin,[data-transition=spin]{animation:.7s cubic-bezier(.34,1.56,.64,1) both ub-spinIn}.transition-fold,[data-transition=fold]{animation:.7s cubic-bezier(.16,1,.3,1) both ub-foldIn}.page-transition.--fade,.page-enter.--fade-in{animation:.7s cubic-bezier(.16,1,.3,1) both ub-fadeUp}.page-transition.--slide,.page-enter.--slide-up{animation:.7s cubic-bezier(.16,1,.3,1) both ub-slideUp}.page-enter.--slide-left{animation:.7s cubic-bezier(.16,1,.3,1) both ub-slideLeft}.page-transition.--zoom,.page-enter.--zoom-in{animation:.7s cubic-bezier(.34,1.56,.64,1) both ub-popIn}.page-transition.--flip,.page-enter.--flip-in{animation:.8s cubic-bezier(.16,1,.3,1) both ub-flipIn}.page-transition.--blur,.page-enter.--blur-in{animation:.8s ease-out both ub-blurIn}.page-exit.--fade-out{animation:.5s forwards ub-fadeOut}.page-exit.--slide-down{animation:.5s forwards ub-slideDown}.page-exit.--zoom-out{animation:.5s forwards ub-zoomOut}.scroll-reveal,.scroll-fade{animation:.8s cubic-bezier(.16,1,.3,1) both ub-fadeUp}.scroll-left{animation:.8s cubic-bezier(.16,1,.3,1) both ub-slideLeft}.scroll-right{animation:.8s cubic-bezier(.16,1,.3,1) both ub-slideRight}.scroll-up{animation:.8s cubic-bezier(.16,1,.3,1) both ub-slideUp}.scroll-zoom,.scroll-scale{animation:.8s cubic-bezier(.34,1.56,.64,1) both ub-popIn}.scroll-flip{animation:.9s cubic-bezier(.16,1,.3,1) both ub-flipIn}.scroll-rotate{animation:.8s cubic-bezier(.34,1.56,.64,1) both ub-spinIn}.scroll-stagger>:first-child{animation-delay:.1s}.scroll-stagger>:nth-child(2){animation-delay:.2s}.scroll-stagger>:nth-child(3){animation-delay:.3s}.scroll-stagger>:nth-child(4){animation-delay:.4s}.scroll-stagger>:nth-child(5){animation-delay:.5s}.scroll-stagger>:nth-child(6){animation-delay:.6s}.scroll-parallax{transition:transform .4s ease-out;transform:translateZ(0)}.scroll-progress{background:var(--ub-primary,linear-gradient(90deg, #00f2fe, #ff007f));z-index:9999;transform-origin:0;width:100%;height:3px;position:fixed;top:0;left:0}@keyframes ub-popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ub-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ub-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes ub-slideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes ub-slideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes ub-blurIn{0%{opacity:0;filter:blur(14px);transform:scale(.98)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes ub-flipIn{0%{opacity:0;transform:perspective(800px)rotateX(45deg)translateY(30px)}to{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)}}@keyframes ub-morphIn{0%{opacity:0;border-radius:50%;transform:scale(.7)}to{opacity:1;border-radius:inherit;transform:scale(1)}}@keyframes ub-wipeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ub-spinIn{0%{opacity:0;transform:rotate(-45deg)scale(.85)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes ub-foldIn{0%{opacity:0;transform:perspective(600px)rotateX(-90deg)}to{opacity:1;transform:perspective(600px)rotateX(0)}}@keyframes ub-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes ub-slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@keyframes ub-zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.animate-float,.ambient-float,.float{animation:4s ease-in-out infinite ub-float}.animate-bob{animation:2s ease-in-out infinite ub-bob}.animate-sway{animation:3s ease-in-out infinite alternate ub-sway}.animate-orbit{animation:10s linear infinite ub-spin}.animate-pulse,.ambient-pulse,.pulse{animation:2.5s ease-in-out infinite ub-pulse}.animate-shimmer,.ambient-shimmer,.shimmer{position:relative;overflow:hidden}.animate-shimmer:after,.ambient-shimmer:after,.shimmer:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#fff0 0,#ffffff14 20%,#ffffff38 60%,#fff0);animation:2.2s infinite ub-shimmer;position:absolute;inset:0;transform:translate(-100%)}.animate-wave,.ambient-wave{animation:5s ease-in-out infinite ub-wave-ambient}.animate-spin,.spin-slow{animation:14s linear infinite ub-spin}.animate-morph,.extra-morph,.morph{animation:8s ease-in-out infinite ub-morph}.animate-gradient,.gradient-flow{background-size:300% 300%;animation:8s infinite ub-gradientFlow}.animate-blob{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;animation:6s ease-in-out infinite alternate ub-morph}.animate-particles{background-image:radial-gradient(#ffffff26 1px,#0000 1px);background-size:24px 24px}.animate-aurora{background:linear-gradient(135deg,#00f2fe33,#ff007f33,#4facfe33) 0 0/200% 200%;animation:6s ease-in-out infinite alternate ub-gradientFlow}.animate-neon{animation:2s infinite alternate ub-neon-flicker}.animate-glitch,.extra-glitch{animation:.4s infinite alternate ub-glitch}.animate-typewriter{white-space:nowrap;border-right:2px solid var(--ub-accent-cyan,#00f2fe);animation:3.5s steps(30,end) ub-typing,.75s step-end infinite ub-blink-caret;overflow:hidden}.animate-marquee{white-space:nowrap;display:flex;overflow:hidden}.animate-marquee>*{animation:15s linear infinite ub-marquee;display:inline-block}.animate-stars{background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fffc,#0000),radial-gradient(1.5px 1.5px at 90px 40px,#00f2fe,#0000);background-size:150px 150px;animation:4s ease-in-out infinite alternate ub-stars}.animate-snow{background-image:radial-gradient(circle,#fff 2px,#0000 2px);background-size:20px 20px;animation:4s linear infinite ub-fall}.animate-rain{background-image:linear-gradient(#0000 90%,#00f2fe99 90%);background-size:10px 30px;animation:.8s linear infinite ub-fall}.animate-firefly{animation:5s ease-in-out infinite ub-firefly}.animate-bubbles{animation:6s ease-in infinite ub-bubbles}.animate-confetti{animation:3s ease-out infinite ub-confetti}.loader-spinner{border:3px solid #ffffff26;border-top-color:var(--ub-accent-cyan,#00f2fe);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite ub-spin;display:inline-block}.loader-dots{align-items:center;gap:6px;display:inline-flex}.loader-dots:before,.loader-dots:after,.loader-dots{content:""}.loader-dots:before,.loader-dots:after{background:var(--ub-accent-cyan,#00f2fe);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite ub-dot-pulse}.loader-dots:after{animation-delay:.4s}.loader-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.loader-bar:after{content:"";background:var(--ub-primary,linear-gradient(135deg, #00f2fe, #ff007f));width:40%;height:100%;animation:1.5s ease-in-out infinite ub-bar-move;position:absolute;top:0;left:0}.loader-circle{background:conic-gradient(from 0deg, transparent 0%, var(--ub-accent-cyan,#00f2fe) 100%);border-radius:50%;width:40px;height:40px;animation:1s linear infinite ub-spin;display:inline-block;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff calc(100% - 3px))}.loader-heart{font-size:24px;animation:1.2s cubic-bezier(.215,.61,.355,1) infinite ub-heartbeat;display:inline-block}.loader-heart:before{content:"💖"}.loader-pulse{background:var(--ub-accent-cyan,#00f2fe);border-radius:50%;width:32px;height:32px;animation:1.4s ease-in-out infinite ub-loader-pulse;display:inline-block}.loader-hourglass{animation:2s ease-in-out infinite ub-spin;display:inline-block}.loader-hourglass:before{content:"⏳"}.loader-morph{background:var(--ub-primary,linear-gradient(135deg, #00f2fe, #ff007f));border-radius:var(--ub-radius-md,8px);width:32px;height:32px;animation:2s infinite alternate ub-morph;display:inline-block}.loader-wave{align-items:center;gap:4px;height:24px;display:inline-flex}.loader-wave:before,.loader-wave:after{content:"";background:var(--ub-accent-cyan,#00f2fe);border-radius:2px;width:4px;height:100%;animation:1s ease-in-out infinite alternate ub-wave-bar}.loader-wave:after{animation-delay:.3s}.loader-orbit{border-radius:50%;width:36px;height:36px;animation:1.5s linear infinite ub-spin;display:inline-block;position:relative}.loader-orbit:before{content:"";background:var(--ub-accent-cyan,#00f2fe);width:8px;height:8px;box-shadow:0 0 10px var(--ub-accent-cyan,#00f2fe);border-radius:50%;margin-left:-4px;position:absolute;top:0;left:50%}@keyframes ub-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ub-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ub-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes ub-breathe{0%,to{transform:scale(1);box-shadow:0 0 15px #00f2fe33}50%{transform:scale(1.04);box-shadow:0 0 35px #ff007f73}}@keyframes ub-drift{0%{transform:translate(0)}50%{transform:translate(12px,-8px)}to{transform:translate(-10px,6px)}}@keyframes ub-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.97)}}@keyframes ub-morph{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}33%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%}66%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}@keyframes ub-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ub-shimmer{to{transform:translate(100%)}}@keyframes ub-wave-ambient{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(2deg)translateY(-6px)}}@keyframes ub-glitch{0%{text-shadow:-2px 0 #ff007f,2px 0 #00f2fe;transform:translate(0)}50%{text-shadow:2px 0 #ff007f,-2px 0 #00f2fe;transform:translate(-2px,1px)}to{text-shadow:-1px 0 #ff007f,1px 0 #00f2fe;transform:translate(1px,-1px)}}@keyframes ub-gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ub-neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;filter:drop-shadow(0 0 10px #00f2fecc)}20%,24%,55%{opacity:.5;filter:none}}@keyframes ub-marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}@keyframes ub-stars{0%{opacity:.4}to{opacity:.9}}@keyframes ub-fall{0%{transform:translateY(-20px)}to{transform:translateY(100vh)}}@keyframes ub-firefly{0%,to{opacity:.3;transform:translate(0)scale(1)}50%{opacity:.9;transform:translate(20px,-30px)scale(1.3)}}@keyframes ub-bubbles{0%{opacity:0;transform:translateY(20px)scale(.8)}50%{opacity:.8}to{opacity:0;transform:translateY(-50px)scale(1.2)}}@keyframes ub-confetti{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(60px)rotate(360deg)}}@keyframes ub-dot-pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}@keyframes ub-bar-move{0%{left:-40%}to{left:100%}}@keyframes ub-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.25)}70%{transform:scale(1)}}@keyframes ub-loader-pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}@keyframes ub-wave-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.animate-3d-spin{transform-style:preserve-3d;animation:6s linear infinite ub-spin-3d}.animate-3d-bounce{transform-style:preserve-3d;animation:3s ease-in-out infinite ub-bounce-3d}.animate-3d-wave{transform-style:preserve-3d;animation:4s ease-in-out infinite ub-wave-3d}.animate-3d-flip{transform-style:preserve-3d;animation:2s ease-in-out infinite alternate ub-flip-3d}.animate-3d-fold{transform-origin:top;animation:3s ease-in-out infinite alternate ub-fold-3d}@keyframes ub-spin-3d{0%{transform:perspective(800px)rotateY(0)rotateX(15deg)}to{transform:perspective(800px)rotateY(360deg)rotateX(15deg)}}@keyframes ub-bounce-3d{0%,to{transform:perspective(800px)translateY(0)translateZ(0)rotateX(0)}50%{transform:perspective(800px)translateY(-20px)translateZ(40px)rotateX(10deg)}}@keyframes ub-wave-3d{0%,to{transform:perspective(800px)rotateY(-15deg)rotateX(10deg)}50%{transform:perspective(800px)rotateY(15deg)rotateX(-10deg)}}@keyframes ub-flip-3d{0%{transform:perspective(1000px)rotateY(0)}to{transform:perspective(1000px)rotateY(180deg)}}@keyframes ub-fold-3d{0%{transform:perspective(800px)rotateX(0)}to{transform:perspective(800px)rotateX(-45deg)}}@media (prefers-reduced-motion:reduce){.animate-3d-spin,.animate-3d-bounce,.animate-3d-wave,.animate-3d-flip,.animate-3d-fold{animation:none!important;transform:none!important}}.particles-3d,.particles-stars,.particles-bubbles,.particles-confetti{perspective:1000px;isolation:isolate;justify-content:center;align-items:center;width:100%;min-height:260px;display:flex;position:relative;overflow:hidden}.particle,.star,.bubble,.confetti{user-select:none;pointer-events:none;font-size:1.5rem;position:absolute}.particle.--float-slow{animation:7s ease-in-out infinite ub-particle-float;top:20%;left:25%}.particle.--float-medium{animation:4.5s ease-in-out 1s infinite ub-particle-float;top:50%;left:65%}.particle.--float-fast{animation:2.8s ease-in-out .5s infinite ub-particle-float;top:70%;left:35%}.particle.--spin{animation:6s linear infinite ub-particle-spin;top:30%;right:20%}.particle.--orbit{transform-origin:60px 60px;animation:8s linear infinite ub-particle-orbit;top:50%;left:50%}.star.--twinkle-1{color:gold;animation:2s ease-in-out infinite ub-twinkle;top:15%;left:20%}.star.--twinkle-2{color:#00f2fe;animation:3.2s ease-in-out .7s infinite ub-twinkle;top:45%;left:75%}.star.--twinkle-3{color:#ff007a;animation:1.8s ease-in-out 1.2s infinite ub-twinkle;top:75%;left:40%}.bubble.--rise-1{animation:5s ease-in infinite ub-bubble-rise;bottom:-10%;left:30%}.bubble.--rise-2{animation:6.5s ease-in 1.5s infinite ub-bubble-rise;bottom:-10%;left:55%}.bubble.--rise-3{animation:4.2s ease-in .8s infinite ub-bubble-rise;bottom:-10%;left:75%}.confetti.--fall-1{animation:4s ease-out infinite ub-confetti-fall;top:-10%;left:25%}.confetti.--fall-2{animation:5.2s ease-out 1s infinite ub-confetti-fall;top:-10%;left:50%}.confetti.--fall-3{animation:3.8s ease-out .4s infinite ub-confetti-fall;top:-10%;left:80%}@keyframes ub-particle-float{0%,to{transform:translateY(0)rotate(0)translateZ(0)}50%{transform:translateY(-24px)rotate(180deg)translateZ(40px)}}@keyframes ub-particle-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}@keyframes ub-particle-orbit{0%{transform:rotate(0)translate(45px)rotate(0)}to{transform:rotate(360deg)translate(45px)rotate(-360deg)}}@keyframes ub-twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}50%{opacity:1;filter:drop-shadow(0 0 10px);transform:scale(1.3)rotate(45deg)}}@keyframes ub-bubble-rise{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-320px)scale(1.2)translate(20px)}}@keyframes ub-confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)translate(0)}to{opacity:0;transform:translateY(340px)rotate(720deg)translate(-30px)}}.animate-breathe{animation:4.5s ease-in-out infinite ub-breathe}.animate-sway{transform-origin:bottom;animation:5s ease-in-out infinite ub-sway}.animate-drift{animation:8s ease-in-out infinite alternate ub-drift}.animate-flow{animation:6s linear infinite ub-flow}@keyframes ub-flow{0%{background-position:0%}to{background-position:200%}}.ambient-stars{background-color:#05050d;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1.5px 1.5px at 90px 40px,#00f2fe,#0000),radial-gradient(2px 2px at 160px 120px,#ff007f,#0000);background-size:200px 200px}.ambient-ocean{background:linear-gradient(#0b132b 0%,#1c2541 50%,#3a506b 100%);position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.animate-breathe,.animate-sway,.animate-drift,.animate-flow{animation:none!important;transform:none!important}}.box-model-visual,.box-model-demo{border-radius:var(--ub-radius-lg,14px);text-align:center;color:#ffb74d;background:#ffa50026;border:2px dashed orange;margin:1rem 0;padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.85rem;position:relative}.box-model-visual .margin-box{background:#ff8c002e;border:2px dashed #ff9800;border-radius:12px;padding:1.25rem}.box-model-visual .border-box{color:#fff59d;background:#ffeb3b2e;border:2px solid #fbc02d;border-radius:10px;padding:1.25rem}.box-model-visual .padding-box{color:#a5d6a7;background:#4caf5038;border:2px dashed #4caf50;border-radius:8px;padding:1.25rem}.box-model-visual .content-box{color:#fff;background:#2196f359;border:2px solid #2196f3;border-radius:6px;padding:1rem;font-weight:700}.flex-visual{border-radius:var(--ub-radius-lg,14px);border:1px solid var(--ub-border,#ffffff1a);background:#ffffff08;gap:1rem;padding:1.25rem;display:flex}.flex-visual .flex-row{flex-direction:row;gap:.5rem;display:flex}.flex-visual .flex-column{flex-direction:column;gap:.5rem;display:flex}.flex-visual .flex-wrap{flex-wrap:wrap;gap:.5rem;display:flex}.flex-visual .flex-center{justify-content:center;align-items:center;display:flex}.grid-visual{border-radius:var(--ub-radius-lg,14px);border:1px solid var(--ub-border,#ffffff1a);background:#ffffff08;grid-template-columns:repeat(12,1fr);gap:.5rem;padding:1.25rem;display:grid}.grid-visual>div{text-align:center;background:#00f2fe26;border:1px solid #00f2fe66;border-radius:4px;padding:.5rem;font-family:monospace;font-size:.8rem}.grid-visual .col-span-12{grid-column:span 12}.grid-visual .col-span-8{grid-column:span 8}.grid-visual .col-span-6{grid-column:span 6}.grid-visual .col-span-4{grid-column:span 4}.grid-visual .col-span-3{grid-column:span 3}.grid-visual .col-span-2{grid-column:span 2}.grid-visual .col-span-1{grid-column:span 1}.position-visual{border-radius:var(--ub-radius-lg,14px);border:1px solid var(--ub-border,#ffffff1a);background:#ffffff08;min-height:200px;padding:1.5rem;position:relative}.position-visual .pos-static{background:#ffffff1a;border-radius:6px;padding:8px 12px;position:static}.position-visual .pos-relative{background:#00f2fe33;border-radius:6px;padding:8px 12px;position:relative;top:10px;left:10px}.position-visual .pos-absolute{background:#ff007a4d;border-radius:6px;padding:8px 12px;position:absolute;top:1.5rem;right:1.5rem}.position-visual .pos-sticky{background:#f7ba2c4d;border-radius:6px;padding:8px 12px;position:sticky;top:0}.physics-demo{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin:1rem 0;display:grid}.physics-demo>div{border-radius:var(--ub-radius-md,10px);text-align:center;cursor:pointer;user-select:none;background:#ffffff0f;border:1px solid #ffffff1a;padding:1rem;font-size:.85rem}.physics-demo .gravity:hover{animation:.6s ease-in forwards ub-gravity}.physics-demo .momentum:hover{animation:1.2s cubic-bezier(.25,1,.5,1) forwards ub-momentum}.physics-demo .friction:hover{animation:1s cubic-bezier(.1,.9,.2,1) forwards ub-friction}.physics-demo .spring:hover{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards ub-spring}@keyframes ub-gravity{0%{transform:translateY(0)}to{transform:translateY(24px)}}@keyframes ub-momentum{0%{transform:translate(0)}to{transform:translate(30px)}}@keyframes ub-friction{0%{transform:translate(0)scale(1)}to{transform:translate(15px)scale(.98)}}@keyframes ub-spring{0%{transform:scale(1)}50%{transform:scale(1.15)translateY(-8px)}to{transform:scale(1)}}.ease-linear{transition-timing-function:linear!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-bounce{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)!important}.hierarchy-demo{flex-direction:column;gap:.75rem;display:flex}.text-6xl{font-size:clamp(2.5rem,5vw + 1rem,3.75rem);line-height:1}.text-5xl{font-size:clamp(2rem,4vw + .75rem,3rem);line-height:1.1}.text-4xl{font-size:clamp(1.75rem,3vw + .5rem,2.25rem);line-height:1.2}.text-3xl{font-size:clamp(1.5rem,2.5vw + .5rem,1.875rem);line-height:1.25}.text-2xl{font-size:1.5rem;line-height:1.3}.text-xl{font-size:1.25rem;line-height:1.4}.text-base{font-size:1rem;line-height:1.5}.text-sm{font-size:.875rem;line-height:1.5}.text-xs{font-size:.75rem;line-height:1.5}.leading-tight{line-height:1.25!important}.leading-normal{line-height:1.5!important}.leading-loose{line-height:2!important}.tracking-tight{letter-spacing:-.05em!important}.tracking-normal{letter-spacing:0!important}.tracking-wide{letter-spacing:.05em!important}.tutorial{background:var(--ub-bg-surface,#0d0f17);border-radius:var(--ub-radius-xl,20px);border:1px solid var(--ub-border,#ffffff14);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.tutorial-step{border-radius:var(--ub-radius-lg,12px);background:#ffffff08;border:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .3s;display:flex}.tutorial-step.--active{background:#00f2fe14;border-color:#00f2fe66;box-shadow:0 0 20px #00f2fe26}.tutorial-step code{color:var(--ub-accent-cyan,#00f2fe);background:#0006;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.85rem}.explain{color:var(--ub-accent-cyan,#00f2fe);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.explain-detail{color:var(--ub-text-muted,#94a3b8);margin-top:2px;font-size:.85rem;display:block}.explain-card{border-radius:var(--ub-radius-lg,14px);border:1px solid var(--ub-border,#ffffff14);background:#0d0f17cc;margin-top:1rem;padding:1.25rem}.vibe-dreamy{--ub-vibe-primary:#ff9a9e;--ub-vibe-secondary:#fecfef;--ub-vibe-accent:#a1c4fd;--ub-vibe-bg:#1a1528;--ub-vibe-card:#ffffff14;--ub-vibe-font:"Playfair Display", serif;background:radial-gradient(circle at 20% 20%, #ff9a9e26, transparent 40%), radial-gradient(circle at 80% 80%, #a1c4fd26, transparent 40%), var(--ub-vibe-bg);color:#fff;border-radius:var(--ub-radius-xl,20px);border:1px solid #ff9a9e33;padding:2rem;box-shadow:0 15px 35px #fecfef1a}.vibe-bold{--ub-vibe-primary:#f05;--ub-vibe-secondary:#ffe600;--ub-vibe-accent:#00f2fe;--ub-vibe-bg:#000;background:var(--ub-vibe-bg);color:#fff;border:4px solid var(--ub-vibe-secondary);box-shadow:8px 8px 0px var(--ub-vibe-primary);border-radius:0;padding:2rem;font-weight:800}.vibe-retro{--ub-vibe-primary:#0f0;--ub-vibe-secondary:#ff0;--ub-vibe-bg:navy;background:var(--ub-vibe-bg);color:var(--ub-vibe-primary);border:4px ridge silver;padding:2rem;font-family:Courier New,monospace;box-shadow:inset 0 0 15px #000c,4px 4px #000}.vibe-custom{--vibe-accent:var(--my-color,#ff007a);background:radial-gradient(circle at top right, var(--vibe-accent), transparent 70%), #0d0f17;color:#fff;border:1px solid var(--vibe-accent);border-radius:var(--ub-radius-xl,20px);padding:2rem;box-shadow:0 10px 30px #00000080}:root{--card-bg:var(--ub-card-bg,#0d0f17b3);--card-color:var(--ub-card-color,inherit);--card-radius:var(--ub-card-radius,var(--ub-radius-xl,20px));--card-padding:var(--ub-card-padding,1.5rem);--card-shadow:var(--ub-card-shadow,0 10px 30px #0000004d);--card-border:var(--ub-card-border,1px solid var(--ub-border,#ffffff14));--btn-bg:var(--ub-btn-bg,var(--ub-bg-surface,#1e293b));--btn-color:var(--ub-btn-color,#fff);--btn-radius:var(--ub-btn-radius,var(--ub-radius-md,10px));--btn-border:var(--ub-btn-border,1px solid #ffffff1a);--btn-padding:var(--ub-btn-padding,.6rem 1.25rem);--animation-speed:var(--ub-animation-speed,1s);--animation-easing:var(--ub-animation-easing,cubic-bezier(.16, 1, .3, 1))}.vibe-card,.card-customizable{backdrop-filter:blur(16px);transition:all .3s var(--animation-easing);background:var(--card-bg)!important;color:var(--card-color)!important;border-radius:var(--card-radius)!important;padding:var(--card-padding)!important;box-shadow:var(--card-shadow)!important;border:var(--card-border)!important}.btn-customizable{cursor:pointer;transition:all .3s var(--animation-easing);background:var(--btn-bg)!important;color:var(--btn-color)!important;border-radius:var(--btn-radius)!important;border:var(--btn-border)!important;padding:var(--btn-padding)!important}:root[data-theme=dark],.theme-dark{--ub-bg:#0b0c12;--ub-bg-subtle:#12141f;--ub-bg-surface:#1a1c2b;--ub-text:#f3f4f8;--ub-text-muted:#9499ad;--ub-text-subtle:#626880;--ub-border:#ffffff14;--ub-border-hover:#ffffff2e;--ub-glass-bg:#1a1c2ba6;--ub-glass-border:#ffffff1f;--ub-shadow-soft:0 4px 12px -2px #00000059;--ub-shadow-float:0 16px 36px -6px #0000008c}:root[data-theme=light],.theme-light{--ub-bg:#f8fafc;--ub-bg-subtle:#f1f5f9;--ub-bg-surface:#fff;--ub-text:#0f172a;--ub-text-muted:#64748b;--ub-text-subtle:#94a3b8;--ub-border:#00000014;--ub-border-hover:#00000029;--ub-glass-bg:#ffffffbf;--ub-glass-border:#00000014;--ub-shadow-soft:0 4px 12px -2px #0000000f;--ub-shadow-float:0 16px 36px -6px #0000001a;--ub-shadow-inner-glass:inset 0 1px 1px 0 #fffc}:root[data-theme=neon],.theme-neon{--ub-bg:#06070a;--ub-bg-subtle:#0d0f17;--ub-bg-surface:#141724;--ub-text:#fff;--ub-text-muted:#a5b4fc;--ub-text-subtle:#6366f1;--ub-border:#00f2fe4d;--ub-border-hover:#00f2feb3;--ub-accent:#00f2fe;--ub-primary:linear-gradient(135deg, #ff007f 0%, #00f2fe 100%);--ub-shadow-soft:0 0 15px #00f2fe33;--ub-shadow-float:0 0 30px #00f2fe66, 0 0 15px #ff007f4d;--ub-shadow-neon:0 0 25px #00f2fe80, 0 0 45px #ff007f59}:root[data-theme=pastel],.theme-pastel{--ub-bg:#fff5f5;--ub-bg-subtle:#fee8eb;--ub-bg-surface:#fff;--ub-text:#4a3e4e;--ub-text-muted:#8b7d90;--ub-text-subtle:#bcaec0;--ub-border:#f8cdda;--ub-border-hover:#f3a6be;--ub-accent:#f472b6;--ub-primary:linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #a1c4fd 100%);--ub-shadow-soft:0 4px 15px #fecfef66;--ub-shadow-float:0 12px 28px #fecfef99;--ub-radius-lg:24px}.aesthetic-cyberpunk,.theme-cyberpunk,[data-aesthetic=cyberpunk],[data-theme=cyberpunk],[data-theme=theme-cyberpunk]{--ub-bg:#050508;--ub-bg-subtle:#0c0d14;--ub-bg-surface:#121320;--ub-text:#f0f6fc;--ub-text-muted:#8b949e;--ub-border:#f05;--ub-accent:#00f2fe;--ub-primary:linear-gradient(135deg, #f05 0%, #7928ca 50%, #00f2fe 100%);--ub-radius-lg:4px;--ub-radius-md:2px;--ub-radius-sm:0px;--ub-font-family-display:"JetBrains Mono", monospace}.aesthetic-cyberpunk .vibe-card,.theme-cyberpunk .vibe-card,[data-aesthetic=cyberpunk] .vibe-card,[data-theme=cyberpunk] .vibe-card,[data-theme=theme-cyberpunk] .vibe-card{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));background:#0a0b14d9;border:1px solid #00f2fe;box-shadow:0 0 15px #00f2fe4d,inset 0 0 15px #ff005526}.aesthetic-cyberpunk .vibe-btn,.theme-cyberpunk .vibe-btn,[data-aesthetic=cyberpunk] .vibe-btn,[data-theme=cyberpunk] .vibe-btn,[data-theme=theme-cyberpunk] .vibe-btn{color:#fff;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);text-transform:uppercase;letter-spacing:.1em;background:#f05;border-radius:0;box-shadow:0 0 20px #f059}.aesthetic-cyberpunk .vibe-btn:hover,.theme-cyberpunk .vibe-btn:hover,[data-aesthetic=cyberpunk] .vibe-btn:hover,[data-theme=cyberpunk] .vibe-btn:hover,[data-theme=theme-cyberpunk] .vibe-btn:hover{color:#050508;background:#00f2fe;box-shadow:0 0 25px #00f2fecc}.aesthetic-cottagecore,.theme-cottagecore,[data-aesthetic=cottagecore],[data-theme=cottagecore],[data-theme=theme-cottagecore]{--ub-bg:#f7f4ec;--ub-bg-subtle:#eee9dc;--ub-bg-surface:#fff;--ub-text:#2d261e;--ub-text-muted:#6e6457;--ub-border:#dcd3c1;--ub-accent:#8b5e3c;--ub-primary:linear-gradient(135deg, #7c9070 0%, #9ca986 50%, #c5a880 100%);--ub-radius-lg:24px;--ub-radius-md:16px;--ub-font-family-display:"Georgia", "Playfair Display", serif}.aesthetic-cottagecore .vibe-card,.theme-cottagecore .vibe-card,[data-aesthetic=cottagecore] .vibe-card,[data-theme=cottagecore] .vibe-card,[data-theme=theme-cottagecore] .vibe-card{background:#ffffffd9;border:1.5px solid #dcd3c1;box-shadow:0 8px 24px -4px #4e3e2d14}.aesthetic-cottagecore .vibe-btn,.theme-cottagecore .vibe-btn,[data-aesthetic=cottagecore] .vibe-btn,[data-theme=cottagecore] .vibe-btn,[data-theme=theme-cottagecore] .vibe-btn{color:#fdfbf7;border-radius:var(--ub-radius-pill);font-family:var(--ub-font-family-sans);background:#7c9070;box-shadow:0 4px 12px #7c90704d}.aesthetic-cottagecore .vibe-btn:hover,.theme-cottagecore .vibe-btn:hover,[data-aesthetic=cottagecore] .vibe-btn:hover,[data-theme=cottagecore] .vibe-btn:hover,[data-theme=theme-cottagecore] .vibe-btn:hover{background:#6b7f5f;transform:translateY(-2px)}.aesthetic-y2k,.theme-y2k,[data-aesthetic=y2k],[data-theme=y2k],[data-theme=theme-y2k]{--ub-bg:#0e051c;--ub-bg-subtle:#190a33;--ub-bg-surface:#26114a;--ub-text:#fff;--ub-text-muted:#d8b4fe;--ub-border:#f472b6;--ub-accent:#38bdf8;--ub-primary:linear-gradient(135deg, #ff007f 0%, #0ff 50%, #ff00ea 100%);--ub-radius-lg:32px;--ub-radius-md:20px}.aesthetic-y2k .vibe-card,.theme-y2k .vibe-card,[data-aesthetic=y2k] .vibe-card,[data-theme=y2k] .vibe-card,[data-theme=theme-y2k] .vibe-card{background:linear-gradient(135deg,#ff008026,#00ffff26),#140528b3;border:2px solid #f472b6;box-shadow:0 0 25px #f472b666,inset 0 2px 4px #fff9}.aesthetic-y2k .vibe-btn,.theme-y2k .vibe-btn,[data-aesthetic=y2k] .vibe-btn,[data-theme=y2k] .vibe-btn,[data-theme=theme-y2k] .vibe-btn{border-radius:var(--ub-radius-pill);text-transform:uppercase;background:linear-gradient(#ff71ce 0%,#ff007f 60%,#b50058 100%);border:2px solid #fff;font-weight:800;box-shadow:0 6px #7b003c,0 10px 20px #ff007f80}.aesthetic-y2k .vibe-btn:hover,.theme-y2k .vibe-btn:hover,[data-aesthetic=y2k] .vibe-btn:hover,[data-theme=y2k] .vibe-btn:hover,[data-theme=theme-y2k] .vibe-btn:hover{transform:translateY(-2px);box-shadow:0 8px #7b003c,0 14px 28px #ff007fb3}.aesthetic-y2k .vibe-btn:active,.theme-y2k .vibe-btn:active,[data-aesthetic=y2k] .vibe-btn:active,[data-theme=y2k] .vibe-btn:active,[data-theme=theme-y2k] .vibe-btn:active{transform:translateY(4px);box-shadow:0 2px #7b003c}.aesthetic-dark-academia,.theme-dark-academia,[data-aesthetic=dark-academia],[data-theme=dark-academia],[data-theme=theme-dark-academia]{--ub-bg:#131110;--ub-bg-subtle:#1c1917;--ub-bg-surface:#292524;--ub-text:#e7e5e4;--ub-text-muted:#a8a29e;--ub-border:#44403c;--ub-accent:#d97706;--ub-primary:linear-gradient(135deg, #b45309 0%, #78350f 100%);--ub-radius-lg:12px;--ub-radius-md:8px;--ub-font-family-display:"Cinzel", "Palatino", "Baskerville", serif}.aesthetic-dark-academia .vibe-card,.theme-dark-academia .vibe-card,[data-aesthetic=dark-academia] .vibe-card,[data-theme=dark-academia] .vibe-card,[data-theme=theme-dark-academia] .vibe-card{background:#1c1917;border:1px solid #78350f;box-shadow:0 10px 30px #0009,inset 0 0 20px #0006}.aesthetic-dark-academia .vibe-btn,.theme-dark-academia .vibe-btn,[data-aesthetic=dark-academia] .vibe-btn,[data-theme=dark-academia] .vibe-btn,[data-theme=theme-dark-academia] .vibe-btn{color:#fef3c7;border-radius:var(--ub-radius-sm);letter-spacing:.05em;background:#292524;border:1px solid #d97706;box-shadow:0 4px 12px #0006}.aesthetic-dark-academia .vibe-btn:hover,.theme-dark-academia .vibe-btn:hover,[data-aesthetic=dark-academia] .vibe-btn:hover,[data-theme=dark-academia] .vibe-btn:hover,[data-theme=theme-dark-academia] .vibe-btn:hover{color:#131110;background:#d97706}.aesthetic-clean-girl,.theme-clean-girl,[data-aesthetic=clean-girl],[data-theme=clean-girl],[data-theme=theme-clean-girl]{--ub-bg:#faf9f6;--ub-bg-subtle:#f2efe9;--ub-bg-surface:#fff;--ub-text:#1a1a1a;--ub-text-muted:#666;--ub-border:#0000000f;--ub-accent:#222;--ub-primary:linear-gradient(135deg, #2b2b2b 0%, #0f0f0f 100%);--ub-radius-lg:20px;--ub-radius-md:12px;--ub-font-family-display:"Inter", system-ui, sans-serif}.aesthetic-clean-girl .vibe-card,.theme-clean-girl .vibe-card,[data-aesthetic=clean-girl] .vibe-card,[data-theme=clean-girl] .vibe-card,[data-theme=theme-clean-girl] .vibe-card{backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0000000d;box-shadow:0 10px 30px -5px #0000000a}.aesthetic-clean-girl .vibe-btn,.theme-clean-girl .vibe-btn,[data-aesthetic=clean-girl] .vibe-btn,[data-theme=clean-girl] .vibe-btn,[data-theme=theme-clean-girl] .vibe-btn{color:#fff;border-radius:var(--ub-radius-pill);background:#111;font-weight:500;box-shadow:0 4px 14px #0000001a}.aesthetic-clean-girl .vibe-btn:hover,.theme-clean-girl .vibe-btn:hover,[data-aesthetic=clean-girl] .vibe-btn:hover,[data-theme=clean-girl] .vibe-btn:hover,[data-theme=theme-clean-girl] .vibe-btn:hover{background:#2a2a2a;transform:translateY(-1px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.docs-content section h2,section.stack>h2,section.stack>div>h2,.docs-content h2[style]{letter-spacing:-.03em!important;font-size:clamp(1.6rem,4vw,2.6rem)!important;font-weight:900!important;line-height:1.1!important}.docs-content section h3,section.stack>h3,section.stack>div>h3,.docs-content h3[style]{letter-spacing:-.02em!important;font-size:clamp(1.1rem,2.2vw,1.45rem)!important;font-weight:800!important}.docs-page-title{letter-spacing:-.035em;margin-bottom:.5rem;font-weight:900;line-height:1.1;font-size:clamp(1.8rem,5vw,2.8rem)!important}.docs-lead{color:#94a3b8;max-width:680px;margin-bottom:1.5rem;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.75}::selection{color:#06070a;background:#00f2fe}.section-divider{background:linear-gradient(90deg,#0000 0%,#00f2fe4d 30%,#ff007f4d 70%,#0000 100%)!important;border:none!important;height:1px!important;margin:clamp(2rem,6vw,4rem) 0!important}.vibe-hero h1{letter-spacing:-.04em!important;font-size:clamp(2.4rem,8vw,5rem)!important;line-height:1.05!important}.section-header{flex-direction:column;gap:.5rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:flex}.section-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#00f2fe;background:#00f2fe1a;border:1px solid #00f2fe40;border-radius:9999px;align-items:center;gap:.4rem;width:fit-content;padding:.25rem .75rem;font-size:.72rem;font-weight:800;display:inline-flex}.section-title{letter-spacing:-.03em!important;margin:0!important;font-size:clamp(1.6rem,4vw,2.6rem)!important;font-weight:900!important;line-height:1.1!important}.section-sub{color:#64748b;max-width:580px;margin-top:.35rem;font-size:clamp(.88rem,1.4vw,1rem);line-height:1.7}.stat-bento{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:clamp(.75rem,2vw,1.25rem);margin:clamp(1.5rem,4vw,2.5rem) 0;display:grid}.stat-cell{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:clamp(1rem,3vw,1.5rem);transition:all .3s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.stat-cell:before{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#00f2fe14,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.stat-cell:hover:before{opacity:1}.stat-cell:hover{border-color:#00f2fe40;transform:translateY(-3px)}.stat-number{letter-spacing:-.04em;background:linear-gradient(135deg,#00f2fe 0%,#ff007f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:900;line-height:1}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-top:.35rem;font-size:.75rem;font-weight:600}.feature-tags{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.feature-tag{color:#94a3b8;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}@media (width<=640px){.docs-content{padding:1.25rem 1rem!important}.vibe-hero{padding:2.5rem 1rem!important}.docs-page-title{font-size:clamp(1.5rem,7.5vw,2rem)!important}.section-divider{margin:1.75rem 0!important}.section-header-row{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}}.docs-layout-container.no-toc{grid-template-columns:280px minmax(0,1fr)!important}.docs-layout-container.no-toc .docs-content{max-width:100%!important}@media (width<=860px){.docs-layout-container,.docs-layout-container.no-toc{grid-template-columns:1fr!important}.docs-content{padding:1.25rem 1rem 2.5rem!important}}