html,body,#root{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#000}#root{position:relative;overflow:hidden}.background-layer:before{content:"";position:absolute;inset:-10px;background-image:url(/bg.gif);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(10px);z-index:-2;opacity:.85;animation:slowZoom 30s ease-in-out infinite alternate}.background-overlay{position:absolute;inset:0;background-color:#000000d9;z-index:-1}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.card-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;animation:bgFade .8s linear;transition:transform .6s linear;border-radius:16px}.card-bg-overlay{position:absolute;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:-1;pointer-events:none}@keyframes bgFade{0%{opacity:.4;transform:scale(1.005)}to{opacity:1;transform:scale(1)}}.glass-player{width:100%;max-width:640px;margin:24px auto;padding:20px 24px;border-radius:28px;background:#ffffff26;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 8px 30px #00000040,inset 0 0 0 .5px #ffffff4d;border:1px solid rgba(255,255,255,.3);animation:fadeIn .8s ease-out;transition:background .3s ease}.player-inner{display:flex;align-items:center;gap:16px;width:100%}.player-button{font-size:28px;color:#fffd!important;transition:transform .25s ease,color .25s ease;cursor:pointer}.player-button.playing{color:#34c759!important;transform:scale(1.15)}.player-button:hover{transform:scale(1.2);color:#739abb!important}.time{font-family:SFMono-Regular,Consolas,monospace;font-size:13px;min-width:90px;color:#fffc}.seek-slider{flex:1;margin:0 10px}.volume-icon{font-size:20px;color:#fffc;transition:transform .3s ease,color .3s ease;cursor:pointer}.volume-icon:hover{transform:scale(1.2);color:#0a84ff}.volume-wrapper{display:flex;align-items:center;justify-content:flex-start;max-width:0;opacity:0;transition:max-width .4s ease,opacity .4s ease,transform .4s ease;transform:scaleX(0)}.volume-wrapper.active{max-width:120px;opacity:1;transform:scaleX(1)}.volume-slider{width:100px;margin:12px}.carousel-glass{margin-top:48px;width:100%;max-width:480px;padding:32px;border-radius:24px;background:#ffffff26;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 24px #00000040,inset 0 0 0 .5px #ffffff40;border:1px solid rgba(255,255,255,.25);animation:fadeIn 1.2s ease-out forwards;transition:background .3s ease;overflow:hidden}.carousel-glass .ant-carousel .slick-slide{display:flex!important;justify-content:center;align-items:center;overflow:hidden}.carousel-glass .ant-carousel .slick-slide>div{width:80%;display:flex;justify-content:center;align-items:center}.carousel-glass .slick-arrow{z-index:2}.carousel-glass .slick-dots{bottom:-24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-glass{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;max-width:320px;padding:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:none;animation:none;transition:none;margin-top:15px;margin-bottom:15px}.link-wrapper{width:100%;text-decoration:none}.contact-btn{height:48px;width:100%;border-radius:24px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:all .3s ease;display:flex;align-items:center;justify-content:center;transform:scale(1);box-shadow:0 4px 12px #0000001a;color:#fff;border:none}.contact-btn:hover{transform:scale(1.05);box-shadow:0 0 12px #ffffffb3}.contact-btn .icon-pulse{margin-right:8px;animation:pulseIcon 2s infinite}.contact-btn:hover .icon-pulse{animation:pulseIconHover .6s infinite}.contact-btn.github{background:linear-gradient(135deg,#24292e,#3c3c3c)}.contact-btn.linkedin{background:linear-gradient(135deg,#0077b5,#00a0dc)}.contact-btn.discord{background:linear-gradient(135deg,#5865f2,#4e5dd9)}.contact-btn.spotify{background:linear-gradient(135deg,#1db954,#1ed760)}.contact-btn.riot{background:linear-gradient(135deg,#db2647,#a61e36);color:#fff}.contact-btn.steam{background:linear-gradient(135deg,#1b2838,#171a21)}.contact-btn.twitch{background:linear-gradient(135deg,#9146ff,#772ce8)}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseIconHover{0%,to{transform:scale(1.15)}50%{transform:scale(1.3)}}.discord-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #5865f2;background-color:#ffffff0d;color:#fff;font-size:16px;resize:vertical;font-family:inherit;box-shadow:inset 0 0 8px #5865f266;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .3s ease,box-shadow .3s ease;margin-top:10px}.discord-input::placeholder{color:#fff9}.discord-input:focus{outline:none;border-color:#7984f9;box-shadow:0 0 8px #5865f2cc}.discord-input option{background-color:#2c2f33;color:#fff}.status-text{margin-top:8px;font-size:14px;text-align:center;color:#ccc}.ant-notification-notice{background-color:#1e1e2f!important;color:#ccc!important;border-radius:5px;box-shadow:0 0 10px #5865f24d;padding:16px;font-size:1rem;font-family:Segoe UI,sans-serif}.ant-notification-notice-message{color:#fff!important;font-weight:600}.ant-notification-notice:hover{box-shadow:0 0 12px #5865f280}