@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.perspective-1000{perspective:1000px}.perspective-2000{perspective:2000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.1)}.text-shadow-lg{text-shadow:0 10px 30px rgba(0,0,0,.2)}}body{background-color:#fdfcfc;background-image:radial-gradient(at 0% 0%,rgba(200,220,255,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(255,220,220,.15) 0px,transparent 50%);background-attachment:fixed}.glass-panel{background:#ffffffa6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #0000000d,inset 0 0 0 1px #ffffff80}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:transparent;-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px #fff6 inset,0 0 20px 4px #ffffff1a inset,0 10px 40px #00000014}.glass-surface--fallback{background:#fff6;backdrop-filter:blur(24px) saturate(1.5) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.5) brightness(1.1);border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 50px #00000014,inset 0 1px #fffc}.glass-surface:focus-visible{outline:2px solid #94a3b8;outline-offset:4px}@layer components{.btn-liquid{@apply relative overflow-hidden transition-all duration-500 ease-out font-bold tracking-widest uppercase;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 15px #0000000d}.btn-liquid:hover{background:#ffffffb3;transform:translateY(-2px);box-shadow:0 15px 30px #0000001a,inset 0 0 0 1px #fffc;border-color:#fff}.btn-liquid:focus-visible{@apply ring-2 ring-slate-400 ring-offset-2;}.btn-liquid:after{content:"";@apply absolute inset-0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.6) 40%,transparent 60%);transform:translate(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.btn-liquid:hover:after{transform:translate(100%)}.btn-liquid-primary{@apply relative overflow-hidden transition-all duration-500 ease-out text-white font-heading font-medium tracking-wider;background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px -5px #0f172a4d,inset 0 1px #fff3}.btn-liquid-primary:hover{background:#0f172af2;transform:translateY(-2px) scale(1.01);box-shadow:0 20px 40px -5px #0f172a66,inset 0 1px #ffffff4d;border-color:#ffffff4d}.btn-liquid-primary:focus-visible{@apply ring-2 ring-slate-800 ring-offset-2;}.btn-liquid-primary:after{content:"";@apply absolute inset-0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.2) 45%,transparent 60%);transform:translate(-150%);transition:transform .7s ease-in-out}.btn-liquid-primary:hover:after{transform:translate(150%)}.btn-liquid-primary:disabled{@apply opacity-50 cursor-not-allowed transform-none shadow-none;}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}