:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background:#030617;min-height:100vh;margin:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button,input,select,textarea{font:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-liquid-glass]{--rlg-intensity:.65;--rlg-blur-radius:16px;--rlg-highlight-strength:.55;--rlg-highlight-color:#fff9;--rlg-tint:#ffffff29;--rlg-ripple-opacity:.35;--rlg-radius:28px;--rlg-border-color:#ffffff38;--rlg-shadow:#0f172a59;--rlg-backdrop-filter-prefix:"rlg-distort-filter";border-radius:var(--rlg-radius);background:linear-gradient(130deg,rgba(255,255,255,calc(var(--rlg-highlight-strength)*.55))0%,rgba(255,255,255,calc(var(--rlg-highlight-strength)*.15))25%,transparent 60%),var(--rlg-tint);border:1px solid var(--rlg-border-color);-webkit-backdrop-filter:var(--rlg-backdrop-filter-prefix)blur(var(--rlg-blur-radius))saturate(calc(130% + var(--rlg-intensity)*120%))brightness(calc(100% + var(--rlg-intensity)*20%));backdrop-filter:var(--rlg-backdrop-filter-prefix)blur(var(--rlg-blur-radius))saturate(calc(130% + var(--rlg-intensity)*120%))brightness(calc(100% + var(--rlg-intensity)*20%));box-shadow:0 1.25rem 3.5rem rgba(9,12,24,calc(var(--rlg-intensity)*.45)),inset 0 0 .75rem #ffffff0a;isolation:isolate;padding:clamp(1.75rem,3vw,2.75rem);display:block;position:relative;overflow:hidden}[data-liquid-glass]:before,[data-liquid-glass]:after{content:"";pointer-events:none;border-radius:inherit;z-index:1;transition:opacity .32s;position:absolute;inset:0}[data-liquid-glass]:before{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,calc(var(--rlg-highlight-strength)*.9))0%,rgba(255,255,255,calc(var(--rlg-highlight-strength)*.3))26%,transparent 60%);mix-blend-mode:screen;opacity:calc(.6 + var(--rlg-highlight-strength)*.4)}[data-liquid-glass]:after{mix-blend-mode:soft-light;opacity:var(--rlg-ripple-opacity);z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\" height=\"256\" viewBox=\"0 0 256 256\"%3E%3Cfilter id=\"f\" x=\"0\" y=\"0\" width=\"1\" height=\"1\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"1.2\" numOctaves=\"5\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"256\" height=\"256\" filter=\"url(%23f)\" opacity=\"0.8\" /%3E%3C/svg%3E");transform:scale(1.02)}[data-liquid-glass][data-liquid-glass-animated]:before,[data-liquid-glass][data-liquid-glass-animated]:after{animation:18s ease-in-out infinite alternate rlg-sheen}@keyframes rlg-sheen{0%{filter:hue-rotate(-8deg)saturate(1.05);transform:translate(-1.5%,-1%)scale(1.02)}50%{filter:hue-rotate(6deg)saturate(1.35);transform:translate(1.2%,1%)scale(1.03)}to{filter:hue-rotate(-4deg)saturate(1.05);transform:translate(-1%,.5%)scale(1.025)}}.rlg-surface{color:#0d1325ba;text-shadow:0 1px #ffffff40;position:relative}[data-liquid-glass]>*{z-index:2;position:relative}.dark [data-liquid-glass]{--rlg-border-color:#94a3b847;--rlg-shadow:#0f172a94;color:#e2e8f0f2}[data-liquid-glass] .rlg-badge{color:#0f172ad9;letter-spacing:.04em;text-transform:uppercase;background:#1f293738;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38}.demo-shell{color:#e2e8f0;background:radial-gradient(140% 120% at 20% 10%,#1e293b 0%,#020617 55%,#01040b 100%);min-height:100vh;padding:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.demo-background{z-index:0;pointer-events:none;filter:saturate(1.15)contrast(1.08);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(.9rem,1.8vw,1.5rem);padding:clamp(2.5rem,6vw,4.5rem) clamp(2.5rem,6vw,4.5rem) 60vh;display:grid;position:relative}.demo-tile{aspect-ratio:4/3;background:linear-gradient(135deg,#1e293b99,#0f172a66);border-radius:28px;min-height:0;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 0 0 1px #94a3b81f,0 20px 60px #080b1859}.demo-tile__placeholder{background:radial-gradient(circle at 30% 30%,#94a3b873,#0f172aa6);width:100%;height:100%;animation:2.8s ease-in-out infinite demoTilePulse}@keyframes demoTilePulse{0%,to{opacity:.55}50%{opacity:.95}}.demo-tile__img{object-fit:cover;opacity:0;filter:brightness(.85)saturate(1.05);width:100%;height:100%;transition:opacity .52s,transform .82s cubic-bezier(.22,1,.36,1),filter .82s;position:absolute;inset:0;transform:scale(1.06)}.demo-tile__img--ready{opacity:.92;filter:brightness()saturate(1.1);transform:scale(1)}.demo-controls-toggle{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#e2e8f0eb;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;z-index:6;background:#0a1122b3;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:.75rem;padding:.6rem 1.25rem;font-weight:600;transition:transform .18s,background .18s,border-color .18s;display:inline-flex;position:fixed;top:clamp(1.25rem,3vw,2.5rem);left:clamp(1.25rem,3vw,2.5rem);box-shadow:0 18px 40px #070c1c59,inset 0 0 0 1px #ffffff14}.demo-controls-toggle:hover{background:#0f172ad1;border-color:#94a3b88c;transform:translateY(-2px)}.demo-controls-toggle__indicator{background:linear-gradient(135deg,#38bdf8,#60a5fa);border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 0 14px #38bdf8a6}.demo-overlay{z-index:3;justify-content:center;align-items:center;padding:clamp(1.5rem,5vw,1.25rem);display:flex;position:fixed;inset:0}.demo-overlay__frame{grid-template-rows:auto 1fr auto;gap:clamp(1.5rem,3vw,2.5rem);width:min(1200px,100%);min-height:100%;padding-block:clamp(1.5rem,6vh,3rem);display:grid}.demo-header{color:#e2e8f0bd;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#081020b8;border:1px solid #94a3b859;border-radius:24px;justify-self:end;width:fit-content;padding:1.6rem 1.4rem 1.4rem;box-shadow:0 35px 110px #080c1e73,inset 0 0 0 1px #ffffff0f}.demo-header h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700}.demo-header p{color:#e2e8f0c7;max-width:640px;margin:0 auto;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.7}.demo-hero{justify-content:center;align-items:center;padding:clamp(.5rem,2vw,1.25rem);display:flex}.demo-liquid{flex-direction:column;gap:1.1rem;width:min(900px,100%);margin:0 auto;display:flex}.demo-liquid h2{margin:0;font-size:clamp(1.85rem,3vw,2.4rem)}.demo-liquid p{color:#0f172abf;margin:0;line-height:1.6}.demo-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.5rem;display:flex}.demo-button{color:inherit;letter-spacing:.02em;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.55rem 1.25rem;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.demo-button:hover{background:#fff3;border-color:#ffffff52;transform:translateY(-1px)}.demo-button--primary{color:#0f172a;background:#2ed5ff3d;border-color:#ffffff5c}.demo-drawer{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;pointer-events:none;z-index:7;background:#081020b8;border:1px solid #94a3b859;border-radius:24px;flex-direction:column;gap:1.35rem;width:min(320px,85vw);max-height:calc(100vh - clamp(2.5rem,8vw,5rem));padding:1.6rem 1.4rem 1.4rem;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s;display:flex;position:fixed;top:clamp(1.25rem,4vw,3rem);left:clamp(1.25rem,4vw,3rem);transform:translateY(-130%)scale(.96);box-shadow:0 35px 110px #080c1e73,inset 0 0 0 1px #ffffff0f}.demo-drawer--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.demo-drawer__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-drawer__header h2{letter-spacing:.18em;text-transform:uppercase;color:#e2e8f0bf;margin:0;font-size:.95rem}.demo-drawer__close{color:#e2e8f0e6;cursor:pointer;background:#0f172a8c;border:1px solid #94a3b859;border-radius:999px;width:2.25rem;height:2.25rem;padding-bottom:.15em;font-size:1.25rem;line-height:1;transition:background .16s,border-color .16s,transform .16s}.demo-drawer__close:hover{background:#1e293bbf;border-color:#e2e8f0a6;transform:translateY(-1px)}.demo-drawer__body{flex-direction:column;gap:1.25rem;padding-right:.25rem;display:flex;overflow-y:auto}.demo-slider{flex-direction:column;gap:1.1rem;display:flex}.demo-control{flex-direction:column;gap:.55rem;display:flex}.demo-control__label{letter-spacing:.22em;text-transform:uppercase;color:#94a3b8d9;font-size:.68rem}.demo-control input[type=range]{appearance:none;background:#e2e8f02e;border-radius:999px;outline:none;width:100%;height:4px}.demo-control input[type=range]:disabled{opacity:.35;cursor:not-allowed}.demo-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#38bdf8;border:2px solid #0f172ad9;border-radius:50%;width:18px;height:18px;transition:transform .14s,box-shadow .14s}.demo-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 8px #38bdf833}.demo-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#38bdf8;border:2px solid #0f172ad9;border-radius:50%;width:18px;height:18px;transition:transform .14s,box-shadow .14s}.demo-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 8px #38bdf833}.demo-control input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed;box-shadow:none}.demo-control input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed;box-shadow:none}.demo-control output{font-variant-numeric:tabular-nums;color:#e2e8f0b3;align-self:flex-end;font-size:.85rem}.demo-control[aria-disabled=true]{opacity:.7}.demo-control[aria-disabled=true] output{color:#e2e8f080}.demo-toggle{color:#e2e8f0c7;background:#0f172a8c;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .85rem;font-weight:600;display:inline-flex}.demo-toggle-group{gap:.75rem;display:grid}.demo-toggle input{width:1.1rem;height:1.1rem}.demo-presets{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.demo-preset{color:#e2e8f0d9;letter-spacing:.02em;cursor:pointer;background:#1e293b73;border:1px solid #94a3b84d;border-radius:14px;padding:.6rem .9rem;font-weight:600;transition:transform .16s,border-color .16s,background .16s}.demo-preset:hover{background:#3341558c;border-color:#ffffff73;transform:translateY(-1px)}.demo-preset--active{color:#0f172a;background:#7dd3fc3d;border-color:#fff9}.demo-footer{text-align:center;color:#94a3b8c7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#081020b8;border:1px solid #94a3b859;border-radius:24px;width:fit-content;padding:1.6rem 1.4rem 1.4rem;box-shadow:0 35px 110px #080c1e73,inset 0 0 0 1px #ffffff0f}.demo-footer small{letter-spacing:.22em;text-transform:uppercase;font-size:.75rem}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:880px){.demo-overlay__frame{gap:1.75rem}.demo-controls-toggle{left:1.1rem}.demo-drawer{width:min(300px,82vw);left:1.1rem}}@media (max-width:768px){.demo-background{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));padding:clamp(2rem,7vw,3.5rem)}.demo-overlay__frame{grid-template-rows:repeat(3,auto);width:min(720px,100%);padding-block:clamp(1.25rem,8vh,2.25rem)}.demo-liquid{gap:.9rem}.demo-liquid h2{font-size:clamp(1.6rem,6vw,2.1rem)}.demo-actions{justify-content:stretch}.demo-drawer{width:min(360px,88vw)}}@media (max-width:640px){.demo-shell{background:radial-gradient(160% 140% at 50% 0,#1f2937 0%,#020617 60%,#01040b 100%)}.demo-background{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:clamp(2rem,8vw,3rem)}.demo-controls-toggle{gap:.6rem;padding:.55rem 1rem;top:.85rem;left:.85rem}.demo-overlay{align-items:flex-start;padding:clamp(1rem,6vw,2rem)}.demo-overlay__frame{gap:1.5rem}.demo-hero{padding:0}.demo-actions{flex-direction:column;align-items:stretch}.demo-drawer{width:min(360px,92vw);max-height:calc(100vh - clamp(4rem,12vw,6rem));top:auto;bottom:clamp(1rem,4vw,2rem);left:50%;transform:translate(-50%,140%)scale(.96)}.demo-drawer--open{transform:translate(-50%)scale(1)}}@media (max-width:480px){.demo-background{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:2px;padding:1em}.demo-controls-toggle{justify-content:center;width:calc(100% - clamp(1.5rem,12vw,3rem));position:fixed;top:auto;bottom:clamp(1rem,6vw,1.75rem);left:50%;transform:translate(-50%)}.demo-overlay__frame p{display:none}.demo-overlay__frame h1{text-align:center}.demo-overlay{padding:0 1em;padding-bottom:4em}.demo-overlay__frame{gap:1.4rem;padding-block:.6em}.demo-liquid{border-radius:20px;padding:.5rem}.demo-liquid h1,.demo-liquid h2{font-size:clamp(1.5rem,7vw,1.9rem)}.demo-liquid p{font-size:clamp(.95rem,4.5vw,1.05rem);line-height:1.55}.demo-actions{gap:.6rem}.demo-button{width:100%;padding:.5rem 1rem}.demo-drawer{border-radius:20px;padding:1.25rem 1.1rem}.demo-drawer__header h2{font-size:.85rem}.demo-control__label{font-size:.62rem}.demo-hero{display:block}}