:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fffffff2;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);overflow-x:hidden}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}h1{font-size:3.2em;line-height:1.1}.liquid-glass{background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff1a);backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001f,0 1px #ffffff4d,0 -1px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;border-radius:20px;position:relative;overflow:hidden}.liquid-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);z-index:1}.liquid-glass-card{background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff1a);backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001f,0 1px #ffffff4d,0 -1px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;border-radius:28px;position:relative;overflow:hidden}.liquid-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);z-index:1}.liquid-glass-button{background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff1a);backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 25px #0000001f,0 1px #ffffff4d,0 -1px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.liquid-glass-button:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);z-index:1}.liquid-glass-button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1f,#ffffff24);transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #00000026,0 2px #fff6,0 -2px #ffffff26,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a,inset 1px 0 #ffffff26,inset -1px 0 #ffffff26}button{border-radius:24px;border:1px solid rgba(255,255,255,.18);padding:.8em 1.6em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff1a);backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(110%) contrast(120%);color:#ffffffe6;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 25px #0000001f,0 1px #ffffff4d,0 -1px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff1a;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);z-index:1}button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1f,#ffffff24);transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #00000026,0 2px #fff6,0 -2px #ffffff26,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a,inset 1px 0 #ffffff26,inset -1px 0 #ffffff26}button:focus,button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#000000e6;background:linear-gradient(135deg,#f0f0f0,#e8e8e8,#d0d0d0)}body{background:linear-gradient(135deg,#f0f0f0,#e8e8e8,#d0d0d0)}.liquid-glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.liquid-glass-card{background:#fff9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 40px #0000001a}button{background:#ffffffb3;color:#000c;border:1px solid rgba(255,255,255,.3)}button:hover{background:#fffc}a:hover{color:#747bff}}