*{box-sizing:border-box}body{margin:0;background:#050912;color:#fff;font-family:Arial,Helvetica,sans-serif}#app{max-width:520px;margin:auto;min-height:100vh;background:radial-gradient(circle at 50% 0,#102132 0,#080d16 35%,#050912 100%);padding-bottom:82px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;position:sticky;top:0;background:#080d16e8;z-index:5;backdrop-filter:blur(10px)}header img{width:190px;height:54px;object-fit:contain}.icon,.back button{background:none;border:0;color:#08d9ee;font-size:30px}.page{display:none;padding:0 18px 22px}.page.active{display:block}.banner{width:100%;border-radius:18px;display:block;box-shadow:0 0 25px #00d9ff18}.premium{margin:16px 0;background:linear-gradient(100deg,#053a63,#07182d);border:1px solid #08d9ee66;border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center}.premium b{display:block}.premium small{display:block;color:#08d9ee;margin-top:5px}.premium span{font-weight:bold;color:#08d9ee}input{width:100%;padding:16px;border:1px solid #ffffff1f;background:#ffffff0c;border-radius:14px;color:white;font-size:16px}.title,.back{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.title button{background:none;border:0;color:#08d9ee;font-size:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cat{min-height:105px;background:#ffffff0b;border:1px solid #ffffff0e;border-radius:14px;padding:12px 7px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px}.cat i{font-style:normal;color:#08d9ee;font-size:30px}.cat b{font-size:11px}.list{display:flex;flex-direction:column;gap:8px}.row{padding:16px;background:#ffffff0b;border-radius:12px;border:1px solid #ffffff0c;display:flex;justify-content:space-between}.row span:first-child{color:#08d9ee;margin-right:10px}.stickers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sticker{aspect-ratio:1;background:#111923;border:1px solid #ffffff10;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;font-weight:900;padding:12px;text-transform:uppercase;transform:skew(-2deg);cursor:pointer}.sticker em,.bigSticker em{color:#08d9ee;font-style:normal}.preview{background-image:linear-gradient(45deg,#1a1f25 25%,transparent 25%),linear-gradient(-45deg,#1a1f25 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1f25 75%),linear-gradient(-45deg,transparent 75%,#1a1f25 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:18px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.bigSticker{text-align:center;font-size:42px;font-weight:1000;transform:rotate(-3deg)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.actions button,.accountCard button{background:#08131c;color:#08d9ee;border:1px solid #08d9ee;border-radius:12px;padding:12px;font-weight:bold}.hint{color:#9aa8b6;font-size:12px}.accountCard{background:linear-gradient(130deg,#06375b,#06152a);border:1px solid #08d9ee66;border-radius:16px;padding:20px}.accountCard b{color:#08d9ee}.accountCard small{font-size:14px}.accountCard button{width:100%}.menu{margin-top:14px}.menu div{padding:17px 12px;border-bottom:1px solid #ffffff14}.menu span{float:right}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:520px;width:100%;height:72px;background:#0b1018f5;border-top:1px solid #ffffff18;display:grid;grid-template-columns:repeat(5,1fr);z-index:9}nav button{border:0;background:none;color:#9aa1aa;font-size:23px}nav button span{display:block;font-size:10px;margin-top:4px}nav button.on{color:#08d9ee}@media(min-width:700px){body{padding:20px}#app{border:1px solid #ffffff1c;border-radius:28px;overflow:hidden;box-shadow:0 20px 70px #000}nav{bottom:20px;border-radius:0 0 28px 28px}}