.app{background:#1a0d2e;color:#e0d4ff;min-height:100vh;padding:60px 16px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;box-sizing:border-box}.header-clean{text-align:center;margin-bottom:24px;position:relative;padding-top:50px}.header-clean h1{font-size:1.7rem;color:#fff;margin:0}.btn-back-top{position:absolute;top:8px;left:0;padding:8px 12px;background:linear-gradient(135deg,#6e3aa7,#4a1b7f);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;z-index:10;cursor:pointer;box-shadow:0 2px 8px #6e3aa74d;transition:all .3s ease;margin-top:env(safe-area-inset-top,0)}.btn-back-top:hover{background:linear-gradient(135deg,#7d49b8,#5a2b90);transform:translateY(-1px);box-shadow:0 4px 12px #6e3aa766}.btn-back-top:active{transform:translateY(0)}.main-card{background:#2d1b4e;border-radius:16px;padding:0;text-align:center;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 12px #bb86fc26;overflow:hidden}.main-img-compact{width:100%;height:200px;object-fit:cover;object-position:center;background:#1a0d2e;padding:0;border-radius:16px 16px 0 0;display:block}.main-title{font-size:1.3rem;font-weight:700;margin:12px 0 4px;color:#fff}.main-subtitle{color:#a07fff;font-size:.9rem;margin-bottom:12px}.amount-wrapper{position:relative;display:flex;align-items:center}.amount-input-full{width:100%;padding:12px 50px 12px 14px;background:#2d1b4e;border:1px solid #4a3a6e;border-radius:12px;color:#e0d4ff;font-size:1rem;box-sizing:border-box;text-align:left}.currency-symbol{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#a07fff;font-size:1.2rem;font-weight:600;pointer-events:none}.amount-input-full::-webkit-inner-spin-button,.amount-input-full::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}.amount-input-full{-moz-appearance:textfield}.section{margin-bottom:24px}.section h3{margin-bottom:12px;font-size:1.05rem;color:#bb86fc;font-weight:600}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{background:#2d1b4e;border-radius:14px;padding:12px;text-align:center;cursor:pointer;transition:all .2s;border:1px solid #3a2a5c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.service-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #bb86fc40;border-color:#bb86fc}.service-card img{width:44px;height:44px;border-radius:10px;object-fit:contain}.service-card span{font-size:.8rem;color:#d4c2ff;font-weight:500;text-align:center;line-height:1.1}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;font-size:.9rem;color:#bb86fc;font-weight:500}.input-group input{width:100%;padding:12px 14px;background:#2d1b4e;border:1px solid #4a3a6e;border-radius:12px;color:#e0d4ff;font-size:1rem;box-sizing:border-box;text-align:left}.currency-tabs{display:flex;gap:6px;margin-top:6px}.currency-tab{flex:1;padding:8px;background:#3a2a5c;color:#e0d4ff;border:1px solid #4a3a6e;border-radius:10px;font-size:1.3rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s}.currency-tab.active{background:linear-gradient(135deg,#6e3aa7,#4a1b7f);color:#fff;border-color:#6e3aa7}.promo-group-inline{display:flex;gap:8px}.promo-input-inline{flex:1}.btn-apply-inline{padding:12px 16px;background:linear-gradient(135deg,#6e3aa7,#4a1b7f);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.85rem;white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px #6e3aa74d;transition:all .3s ease}.btn-apply-inline:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6e3aa766}.btn-apply-inline:active{transform:translateY(0)}.currency-toggle{display:flex;margin:14px 0 0;border-radius:10px;overflow:hidden;border:1px solid #4a3a6e}.toggle-btn{flex:1;padding:12px;background:#2d1b4e;color:#e0d4ff;border:none;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px}.toggle-btn.active{background:linear-gradient(135deg,#6e3aa7,#4a1b7f);color:#fff}.toggle-btn .flag{font-size:1.3rem}.payment-methods{display:flex;justify-content:space-between;margin:18px 0;gap:6px}.pay-btn{flex:1;padding:12px;background:#2d1b4e;border:1px solid #4a3a6e;border-radius:10px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.pay-btn img{width:32px;height:32px;border-radius:8px}.pay-label{font-size:.8rem;font-weight:500;color:#fff!important}.pay-btn.selected{border-color:#6e3aa7;background:#3a2a5c}.total-block{background:#2d1b4e;padding:16px;border-radius:14px;margin:18px 0;text-align:center}.total-main{font-size:1.3rem;font-weight:500;margin-bottom:5px;color:#e0d4ff}.commission{color:#4ade80;font-size:.9rem;font-weight:500;margin-bottom:5px}.small-text{font-size:.75rem;color:#a07fff}.btn-container{margin:18px 0}.btn-full{width:100%;padding:14px;background:linear-gradient(135deg,#6e3aa7,#4a1b7f);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;box-shadow:0 4px 12px #6e3aa74d;transition:all .3s ease;cursor:pointer}.btn-full:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6e3aa766}.btn-full:active{transform:translateY(0)}.btn-back,.btn-small{padding:8px 14px;background:#3a2a5c;color:#bb86fc;border:1px solid #4a3a6e;border-radius:10px;font-weight:600;font-size:.85rem}.history-button button{background:#2d1b4e!important;color:#bb86fc!important;border:1px solid #4a3a6e}.orders-list{margin-top:18px}.order-item{background:#2d1b4e;padding:12px;border-radius:10px;margin-bottom:10px;font-size:.9rem;border:1px solid #4a3a6e}.loading,.error,.empty{text-align:center;margin-top:40px;font-size:1rem}.loading{color:#bb86fc}.error{color:#ff6b6b}.empty{color:#a07fff}.steam-page,.dev-page{padding-top:16px}.dev-text{text-align:center;margin-top:40px;font-size:1.1rem;color:#a07fff;background:#2d1b4e;padding:14px;border-radius:10px;max-width:80%;margin-left:auto;margin-right:auto;width:fit-content}.history-button{text-align:center;margin-top:18px}.legal-page{padding-top:0;min-height:100vh;background:#1a0d2e;overflow-y:auto;-webkit-overflow-scrolling:touch}.legal-content{padding:20px 20px 80px;text-align:left;color:#e0e0e0;font-size:14px;line-height:1.7}.legal-content p{margin-bottom:10px}.legal-content strong{color:#bb86fc}.footer{text-align:center;margin-top:24px;font-size:.75rem;color:#a07fff}.footer-links{margin-bottom:6px}.link{color:#a07fff;cursor:pointer;text-decoration:underline}.link:hover{color:#bb86fc}.contact{margin:0}.legal-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;line-height:1.6;margin:0;padding:0;color:#e0e0e0}.legal-content h1,.legal-content h2,.legal-content h3{color:#fff;margin-top:24px;margin-bottom:12px;font-weight:600}.legal-page h1{font-size:20px;font-weight:600;color:#fff;margin:0;text-align:center}.legal-page .header-clean{background:linear-gradient(135deg,#6e3aa7,#4a1b7f);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d;margin-bottom:0}.legal-page .btn-back-top{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:600;position:static;margin:0;top:auto;left:auto}.legal-page .btn-back-top:hover{background:#ffffff40;transform:translateY(-1px)}.legal-page .btn-back-top:active{transform:translateY(0)}.legal-content strong{color:#fff;font-weight:600}.legal-content a{color:#9d6fff;text-decoration:none;border-bottom:1px solid rgba(157,111,255,.3);transition:all .2s ease}.legal-content a:hover{color:#b794ff;border-bottom-color:#b794ff}.legal-content ul,.legal-content ol{margin-left:20px;margin-bottom:16px}.legal-content li{margin-bottom:8px;color:#d0d0d0}.legal-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:24px 0}@media (max-width: 480px){.legal-content{padding:16px 16px 60px;font-size:13px}.legal-content pre{font-size:12px}.legal-page h1{font-size:18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.legal-content{animation:fadeIn .4s ease-out}.legal-page::-webkit-scrollbar{width:8px}.legal-page::-webkit-scrollbar-track{background:#0003}.legal-page::-webkit-scrollbar-thumb{background:#9d6fff80;border-radius:4px}.legal-page::-webkit-scrollbar-thumb:hover{background:#9d6fffb3}.app{background:#1a1a2e;color:#e0e0ff;min-height:100vh;font-family:Segoe UI,sans-serif;padding-bottom:60px}header{text-align:center;padding:20px;background:#16213e;border-bottom:1px solid #333}.steam-logo{text-align:center;margin-bottom:10px}.steam-logo img{width:128px;height:128px;object-fit:contain}h1{margin:0;font-size:1.5rem;color:#bb86fc}.tabs{display:flex;background:#16213e;margin:15px;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0003}.tabs button{flex:1;padding:14px;background:transparent;border:none;color:#aaa;font-weight:600;font-size:.95rem}.tabs button.active{background:#bb86fc;color:#fff}.grid{display:grid;gap:14px;padding:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card{background:#16213e;border-radius:16px;padding:16px;text-align:center;position:relative;cursor:pointer;transition:all .2s;border:1px solid #333}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #bb86fc4d;border-color:#bb86fc}.card-icon{width:64px;height:64px;object-fit:contain;margin:0 auto 10px}.card h3{margin:8px 0;font-size:1rem;color:#e0e0ff}.card p{margin:4px 0;font-weight:700;color:#03dac6;font-size:1.1rem}.history-button{text-align:center;margin-top:20px}.history-button button{padding:12px;background:#333;color:#aaa;border:none;border-radius:8px}.btn-back,.btn-pay,.btn-apply{display:block;margin:15px;padding:12px;background:#bb86fc;color:#fff;border:none;border-radius:8px;font-weight:600}.steam-page{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#bb86fc}.form-group input,.form-group select{width:100%;padding:10px;background:#16213e;color:#e0e0ff;border:1px solid #333;border-radius:8px}.amount-selector{display:flex;gap:10px;margin-bottom:10px}.amount-selector button{flex:1;padding:10px;background:#333;color:#aaa;border:none;border-radius:8px}.amount-selector input{flex:1;padding:10px;background:#16213e;color:#e0e0ff;border:1px solid #333;border-radius:8px;text-align:center}.slider{margin-top:10px}.slider input{width:100%}.total{text-align:center;padding:20px;background:#16213e;margin:20px 0;border-radius:12px;font-size:1.5rem;color:#03dac6}.payment-section{margin-top:20px}.payment-options{display:flex;gap:10px;margin-bottom:20px}.option{flex:1;text-align:center;padding:10px;background:#16213e;border-radius:12px}.option img{width:50px;height:30px}