html{background-color:#0f172a;height:100%}body{color:#fff;font-family:Inter,sans-serif;overflow-x:hidden;margin:0;width:100%;min-height:100%;background:transparent!important;position:relative}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}.mesh-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.mesh-background:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(15,23,42,.4) 100%);z-index:2}.mesh-background .orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.8;z-index:1}.mesh-background .orb-1{width:450px;height:450px;background:#6366f1;top:-5%;left:-5%;animation:float-1 12s infinite ease-in-out alternate}.mesh-background .orb-2{width:550px;height:550px;background:#ec4899;bottom:-5%;right:-5%;animation:float-2 15s infinite ease-in-out alternate-reverse}.mesh-background .orb-3{width:350px;height:350px;background:#8b5cf6;top:40%;left:60%;animation:float-3 10s infinite ease-in-out alternate}.mesh-background .orb-4{width:300px;height:300px;background:#6366f1;bottom:20%;left:30%;animation:float-4 14s infinite ease-in-out alternate;opacity:.2}.mesh-background .particles{position:absolute;inset:0;z-index:1;overflow:hidden}.mesh-background .particles .particle{position:absolute;background:#a76b6b;border-radius:50%;opacity:.3;box-shadow:0 0 10px #fff}.mesh-background .particles .p-1{width:4px;height:4px;top:20%;left:30%;animation:p-v1 8s infinite linear}.mesh-background .particles .p-2{width:6px;height:6px;top:60%;left:80%;animation:p-v2 12s infinite linear}.mesh-background .particles .p-3{width:3px;height:3px;top:40%;left:10%;animation:p-v3 10s infinite linear}.mesh-background .particles .p-4{width:5px;height:5px;top:80%;left:40%;animation:p-v4 15s infinite linear}.mesh-background .particles .p-5{width:4px;height:4px;top:10%;left:70%;animation:p-v5 9s infinite linear}.main-content{position:relative;z-index:10}@keyframes pulseBg{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes float-1{0%{transform:translate(0) scale(1)}to{transform:translate(150px,100px) scale(1.1)}}@keyframes float-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-120px,-80px) scale(.9)}}@keyframes float-3{0%{transform:translate(0) scale(1)}to{transform:translate(80px,-150px) scale(1.15)}}@keyframes float-4{0%{transform:translate(0) scale(.9)}to{transform:translate(-100px,120px) scale(1.1)}}@keyframes p-v1{0%{transform:translate(0);opacity:0}50%{opacity:.5}to{transform:translate(-200px,-300px);opacity:0}}@keyframes p-v2{0%{transform:translate(0);opacity:0}50%{opacity:.5}to{transform:translate(300px,-150px);opacity:0}}@keyframes p-v3{0%{transform:translate(0);opacity:0}50%{opacity:.5}to{transform:translate(150px,400px);opacity:0}}@keyframes p-v4{0%{transform:translate(0);opacity:0}50%{opacity:.5}to{transform:translate(-350px,100px);opacity:0}}@keyframes p-v5{0%{transform:translate(0);opacity:0}50%{opacity:.5}to{transform:translate(400px,200px);opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reveal{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.glass-card{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #1f26875e}.btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;font-weight:600}.btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 0 20px #6366f14d;border:none}.btn.primary:hover{filter:brightness(1.1);transform:scale(1.02)}.cdk-drag-preview{box-sizing:border-box;border-radius:16px;box-shadow:0 15px 35px #0006;opacity:.9;background:#1e293be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);pointer-events:none;z-index:9999!important;width:320px;animation:none!important}.cdk-drag-placeholder{opacity:.1;background:#ffffff0d;border:2px dashed rgba(255,255,255,.1);border-radius:16px;min-height:300px}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.categories-grid.cdk-drop-list-dragging .category-wrapper:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);animation:none!important}