*{box-sizing:border-box}body{margin:0;background:#07111f;color:#eaf0ff;font-family:Arial,sans-serif;padding-bottom:90px}.top{height:132px;border-bottom:2px solid #e6c329;display:flex;align-items:center;justify-content:space-between;padding:20px;position:sticky;top:0;background:#081221;z-index:20}.menu{background:#09254d;border:0;color:white;border-radius:17px;width:62px;height:62px;font-size:30px}.logo{font-weight:900;font-size:24px;color:#0878ed;text-align:center}.logo span{display:block;color:#e4b91f;font-size:10px;letter-spacing:4px}.avatar{width:62px;height:62px;background:#eef3f6;color:#bbc2c8;border-radius:50%;display:grid;place-items:center;font-size:24px}main{max-width:760px;margin:auto;padding:20px}.welcome{border:2px solid #0755ca;border-radius:28px;padding:24px;display:flex;align-items:center;gap:20px;margin:26px 0}.profilepic{width:88px;height:88px;background:#eee;border:5px solid #5379a2;border-radius:28px;color:#bbc2c8;display:grid;place-items:center;font-size:28px}.welcome h2{margin:0;font-size:23px}.welcome p{margin:8px 0;color:#b7c0d5}.chat{margin-left:auto;border:2px solid #0755ca;background:#07111f;color:#ffc400;border-radius:25px;font-size:24px;width:70px;height:70px}.activate{border:2px solid #806b13;border-radius:30px;padding:30px;display:grid;grid-template-columns:90px 1fr;gap:20px;background:linear-gradient(135deg,#17253b,#232a30);margin-bottom:25px}.acticon{width:90px;height:90px;background:#1165ed;border-radius:25px;display:grid;place-items:center;color:#ffd32a;font-size:38px}.activate h2{margin:0;font-size:24px}.activate p{color:#bbc4d5;font-size:18px}.activate button{grid-column:1/-1;border:0;border-radius:28px;background:linear-gradient(90deg,#ffc400,#ffd55d);padding:18px;font-size:20px;font-weight:bold}.stats{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stat{min-height:180px;border-radius:30px;padding:28px;display:flex;gap:20px;align-items:center;font-size:19px}.stat i{font-size:30px;border:2px solid #9bb2d7;border-radius:24px;padding:20px}.stat b{display:block;font-size:23px;margin-top:8px}.gold{background:linear-gradient(135deg,#c88f00,#e5ad00)}.blue{background:linear-gradient(135deg,#0759e4,#0c4fc4)}.section{border:2px solid #0755ca;border-radius:28px;margin-top:24px;padding:20px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0;font-size:25px}.section-title p{color:#b9c3d6}.section-title a{color:#ffd000}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{min-height:150px;border:2px solid var(--accent);border-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;color:white;text-decoration:none;padding:10px}.service i{width:55px;height:55px;border:2px solid var(--accent);border-radius:18px;display:grid;place-items:center;font-size:24px}.earners{margin-top:25px;background:linear-gradient(135deg,#14253f,#0d1728);border-radius:30px;padding:28px;position:relative}.earners h1{font-size:34px;margin:0}.earners p{color:#b9c4d7}.trophy{position:absolute;right:25px;top:30px;background:#ffc928;color:#111;border-radius:22px;padding:18px;font-size:30px}.vip{margin-top:25px}.viphead{background:linear-gradient(135deg,#0766ed,#1548a5);border-radius:28px;padding:28px}.viphead span{background:#ffd027;color:#111;border-radius:20px;padding:8px 16px;font-weight:bold}.viphead b{display:block;font-size:31px;margin-top:20px}.viphead small{font-size:17px;color:#dbe7ff}.crown{float:right;margin-top:-125px;margin-right:30px;background:#ffd238;color:#111;border-radius:25px;padding:25px;font-size:40px}.target{border:2px solid #0755ca;border-radius:28px;padding:22px;margin-top:25px}.target h2{margin:0}.target b{color:#ffd233}.target em{float:right;border:1px solid #806b13;color:#ffd233;border-radius:20px;padding:7px 14px;font-style:normal}.bar{height:14px;border:2px solid #07336e;border-radius:20px;margin:25px 0;overflow:hidden}.bar i{display:block;height:100%;background:#1670ff}.targetbottom{display:flex;justify-content:space-between;align-items:center}.targetbottom button{border:0;border-radius:18px;padding:15px 28px;background:#25334b;color:#aebbd0;font-weight:bold}#side{position:fixed;z-index:50;left:-340px;top:0;width:340px;height:100%;background:#07111f;padding:28px 22px;transition:.25s;overflow:auto;border-right:1px solid #0b4cb7}#side.open{left:0}.side-logo{color:#0878ed;font-weight:bold;font-size:18px;border-bottom:2px solid #b99c19;padding-bottom:22px;margin-bottom:30px}.side-logo button{float:right;background:none;border:0;color:white;font-size:30px}#side a{display:block;padding:16px 12px;color:#aeb9ce;text-decoration:none;font-size:21px;border-radius:15px}#side a:hover,#side a:first-of-type{background:#075de1;color:white}#side i{width:35px;color:#ffc400}.bottom{position:fixed;bottom:0;left:0;right:0;height:86px;background:#14253dEE;border:1px solid #0755ca;z-index:40;display:flex;justify-content:space-around;align-items:center}.bottom a{color:#aeb8ca;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:7px}.bottom a i{font-size:25px}.bottom .active{color:#ffd000}.lottery{position:relative;margin-top:-65px;width:105px;height:105px;border-radius:50%;border:9px solid #102b58;background:conic-gradient(#ffc400 0 25%,#0870ec 25% 50%,#ffc400 50% 75%,#0870ec 75%);color:white;font-size:18px;font-weight:bold}.lottery small{position:absolute;top:93px;left:5px;color:#ffd000;font-size:17px;text-shadow:0 2px #000}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.authbox{width:min(420px,100%);background:#111f33;padding:30px;border-radius:25px;border:1px solid #145dde}.authbox h1{text-align:center;color:#1680ff}.authbox input,.authbox button{width:100%;padding:16px;margin:8px 0;border-radius:14px;border:1px solid #2b5fa8;background:#07111f;color:white}.authbox button{background:#1261e8;font-weight:bold}.err{color:#ff7777}@media(max-width:600px){.top{height:132px}.logo{font-size:20px}.stats{gap:12px}.stat{min-height:170px;padding:18px}.services{grid-template-columns:repeat(4,1fr)}.service{min-height:140px;font-size:14px}.activate{grid-template-columns:70px 1fr;padding:20px}.acticon{width:70px;height:70px}.welcome{padding:18px}.welcome h2{font-size:20px}.chat{width:55px;height:55px}.earners h1{font-size:28px}}@media(max-width:430px){main{padding:12px}.services{grid-template-columns:repeat(2,1fr)}.service{min-height:130px}.stat{font-size:16px}.stat i{padding:14px}.crown{display:none}}