@keyframes sea-glass-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bevel-glow{0%,to{border-color:#fff6;box-shadow:0 12px 35px #0000000d,inset 0 0 15px #fff3,0 0 10px #ffffff1a}50%{border-color:#fff9;box-shadow:0 16px 45px #00000014,inset 0 0 25px #ffffff59,0 0 20px #e5c1b34d}}.sea-glass-bg{background:linear-gradient(135deg,#4e8b89 0%,#dca693 25%,#dfbf9f 50%,#8e7ca6 75%,#4e8b89 100%) 0 0/300% 300%;animation:25s infinite sea-glass-flow}.glass-pane{-webkit-backdrop-filter:blur(28px)saturate(180%);background:#fff3;border:1px solid #ffffff73;position:relative;overflow:hidden;box-shadow:0 15px 35px -5px #0000000d,inset 0 0 15px #ffffff59}.glass-pane:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff59 0%,#ffffff14 40%,#fff0 60%,#ffffff0d 100%);position:absolute;inset:0}.border-came{border:3.5px solid #2b231d;box-shadow:1.5px 2px 4px #00000040,inset 1px 1px #ffffff26}.border-came-thin{border:1.5px solid #3a312a;box-shadow:1px 1.5px 2px #00000026,inset .5px .5px #ffffff1a}.glass-cream{-webkit-backdrop-filter:blur(30px)saturate(140%);color:#2c231d;background:#fffefa59;border:1.5px solid #ffffff8c;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000008,inset 0 0 15px #fff6}.glass-cream:hover{background:#fffefa73;border-color:#ffffffb3;transform:translateY(-4px);box-shadow:0 15px 45px #0000000d,inset 0 0 20px #ffffff80}.glass-rose{color:#3d121b;background:#ffd9e233;border:1.5px solid #ff698766;box-shadow:0 10px 30px #ff69870d,inset 0 0 12px #ffffff4d}.glass-rose:hover{background:#ffccd840;border-color:#ff698799;transform:translateY(-4px);box-shadow:0 15px 40px #ff69871a,inset 0 0 20px #ffffff73}.glass-teal{color:#0a2825;background:#d2f5f033;border:1.5px solid #3f827f66;box-shadow:0 10px 30px #3f827f0d,inset 0 0 12px #ffffff4d}.glass-teal:hover{background:#c3f0ea40;border-color:#3f827f99;transform:translateY(-4px);box-shadow:0 15px 40px #3f827f1a,inset 0 0 20px #ffffff73}.glass-amber{color:#3e260a;background:#ffefd233;border:1.5px solid #c59f4d66;box-shadow:0 10px 30px #c59f4d0d,inset 0 0 12px #ffffff4d}.glass-amber:hover{background:#ffe8c340;border-color:#c59f4d99;transform:translateY(-4px);box-shadow:0 15px 40px #c59f4d1a,inset 0 0 20px #ffffff73}.glass-lilac{color:#241837;background:#f0ebff33;border:1.5px solid #8a78ff66;box-shadow:0 10px 30px #8a78ff0d,inset 0 0 12px #ffffff4d}.glass-lilac:hover{background:#e6deff40;border-color:#8a78ff99;transform:translateY(-4px);box-shadow:0 15px 40px #8a78ff1a,inset 0 0 20px #ffffff73}.glass-arch{border-radius:200px 200px 16px 16px;overflow:hidden}.glass-shard-1,.glass-shard-2,.glass-shard-3,.glass-shard-4{border-radius:1.25rem}.glass-scrollbar-vibrant::-webkit-scrollbar{width:8px;height:8px}.glass-scrollbar-vibrant::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.glass-scrollbar-vibrant::-webkit-scrollbar-thumb{background:#2b231d;border:1px solid #fff3;border-radius:10px}@keyframes float-glass-shards{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-120vh)rotate(360deg)}}.animate-shard-1,.animate-shard-2,.animate-shard-3,.animate-shard-4,.animate-shard-5{animation:linear infinite float-glass-shards}