:root{--night:#090912;--plum:#251631;--purple:#9147ff;--mint:#47e3c2;--coffee:#b9784d;--cream:#ffe9ca;--ink:#100d17}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:transparent;font-family:Segoe UI,Arial,sans-serif;color:var(--cream)}body{background:radial-gradient(circle at 15% 15%,#3a1c48 0,transparent 33%),radial-gradient(circle at 85% 85%,#123c39 0,transparent 30%),linear-gradient(135deg,#080810,#16101d)}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff8 1px,transparent 1px),radial-gradient(#9bffe9aa 1px,transparent 1px);background-size:73px 73px,113px 113px;background-position:0 0,25px 35px;animation:drift 30s linear infinite}.mist{position:absolute;width:650px;height:650px;border-radius:50%;filter:blur(90px);background:#713ac933;animation:float 9s ease-in-out infinite}.mist.two{right:-150px;bottom:-250px;background:#30d9b52c;animation-delay:-3s}.frame{position:absolute;inset:32px;border:2px solid #bd91ff55;border-radius:28px;box-shadow:inset 0 0 55px #8f4bff18,0 0 30px #000}.corner{position:absolute;font-size:35px;color:var(--mint);filter:drop-shadow(0 0 8px var(--mint))}.tl{left:48px;top:42px}.br{right:48px;bottom:42px;transform:rotate(180deg)}.brand{position:absolute;left:75px;top:68px;font-weight:800;letter-spacing:5px;font-size:20px}.brand b{color:var(--mint)}.social{position:absolute;right:75px;top:65px;color:#c8bdd0;letter-spacing:2px}.center{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.content{transform:translateY(-15px)}h1{font-size:76px;margin:8px 0;letter-spacing:2px;text-shadow:0 5px 25px #000,0 0 25px #9147ff55}h1 em{font-style:normal;color:var(--mint)}.sub{letter-spacing:7px;text-transform:uppercase;color:#c7b9cc;font-size:15px}.rune{font-size:72px;color:var(--purple);filter:drop-shadow(0 0 25px #9147ff);animation:pulse 3s ease-in-out infinite}.cup{position:relative;width:150px;height:105px;margin:30px auto 0;border:8px solid var(--cream);border-radius:10px 10px 55px 55px;background:linear-gradient(#60351f 0 25%,#ba754a 26%);box-shadow:0 16px 35px #0008}.cup:after{content:"";position:absolute;right:-54px;top:15px;width:50px;height:50px;border:8px solid var(--cream);border-left:0;border-radius:0 40px 40px 0}.steam{position:absolute;left:50%;bottom:130px;color:#ffe9ca99;font-size:55px;animation:steam 2.8s ease-in-out infinite}.bar{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);width:760px;height:5px;background:#ffffff15;border-radius:5px;overflow:hidden}.bar:after{content:"";display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--purple),var(--mint));animation:load 3.5s ease-in-out infinite}.gamebox{position:absolute;left:45px;top:105px;width:1430px;height:805px;border:3px solid #8c59d777;border-radius:22px;box-shadow:0 0 30px #000;background:#0000}.camera{position:absolute;right:45px;top:105px;width:370px;height:295px;border:4px solid var(--purple);border-radius:22px;box-shadow:0 0 28px #9147ff66;background:#120d1bc9}.camera:before{content:"KAMERA";position:absolute;top:-27px;left:18px;font-size:11px;letter-spacing:3px;color:var(--mint)}.chatbox{position:absolute;right:45px;top:440px;width:370px;height:470px;border:2px solid #47e3c255;border-radius:22px;background:#0c0a13aa}.chatbox:before{content:"COMMUNITY CHAT";display:block;padding:18px;border-bottom:1px solid #ffffff18;color:var(--mint);font-size:11px;letter-spacing:3px}.lower{position:absolute;left:45px;right:45px;bottom:30px;height:42px;display:flex;justify-content:center;gap:70px;color:#cfc3d4;font-size:13px;letter-spacing:2px}.lower b{color:var(--mint)}.justcam{position:absolute;left:65px;top:135px;width:1160px;height:720px;border:4px solid var(--purple);border-radius:28px;box-shadow:0 0 40px #9147ff55}.justchat{position:absolute;right:65px;top:135px;width:560px;height:720px;border:2px solid #47e3c266;border-radius:28px;background:#0a0912b8}.justchat:before{content:"COZY CHAT";display:block;padding:24px;border-bottom:1px solid #fff2;color:var(--mint);letter-spacing:5px}.badge{display:inline-block;margin-top:28px;padding:10px 18px;border:1px solid #b88cff66;border-radius:25px;color:#d9c2ff;letter-spacing:3px}@keyframes drift{to{background-position:73px 73px,138px 148px}}@keyframes float{50%{transform:translate(80px,40px) scale(1.15)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.75}}@keyframes steam{0%{transform:translate(-50%,15px);opacity:0}50%{opacity:1}100%{transform:translate(-45%,-35px);opacity:0}}@keyframes load{50%{width:90%}}