*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-attachment:fixed;min-height:100vh;color:#fff;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(240,147,251,.1) 0%,transparent 50%);animation:backgroundMove 20s ease-in-out infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 60px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50px 50px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 90px 10px,rgba(255,255,255,.4),transparent);background-size:200px 200px;background-repeat:repeat;animation:stars 200s linear infinite;pointer-events:none;z-index:0;opacity:.5}app-root{position:relative;z-index:1}@keyframes backgroundMove{0%,to{transform:translate(0)}33%{transform:translate(-5%,-10%)}66%{transform:translate(5%,5%)}}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.shooting-star{position:fixed;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 10px 2px #fffc;z-index:-1;opacity:0;pointer-events:none}.shooting-star:before{content:"";position:absolute;top:0;right:0;width:80px;height:1px;background:linear-gradient(to left,white,transparent);transform:translate(2px)}@keyframes shootingStar{0%{opacity:1;transform:translate(0) rotate(-45deg)}to{opacity:0;transform:translate(-300px,300px) rotate(-45deg)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f0c2980}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}