html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#0a0f14;overflow-x:hidden}body{display:block}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e6edf3}.app{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,#0f1a22,#0a0f14 70%);color:#e6edf3;-webkit-tap-highlight-color:transparent}.app-loading,.app-error{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#9cb0bf;background:radial-gradient(circle at top,#0f1a22,#0a0f14 70%)}.header{display:flex;justify-content:space-between;align-items:center;padding:20px}.brand{font-size:18px;font-weight:600;letter-spacing:.5px}.avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#16212b;border:1px solid #1f2a33;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#8aa3b5}.avatar img{width:100%;height:100%;object-fit:cover}.main{flex:1;overflow-y:auto;padding:24px 24px 140px;display:flex;flex-direction:column}.hero{text-align:center;margin-bottom:30px}.tariff{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#6f8596;margin-bottom:16px}.number-block{display:flex;flex-direction:column;align-items:center}.number{font-size:64px;font-weight:600;line-height:1;letter-spacing:-1px;margin-bottom:6px}.number-expired{color:#5f6b76}.label{font-size:14px;color:#7b8a99;margin-top:4px}.status-badge{margin-top:14px;padding:6px 14px;font-size:12px;border-radius:20px;background:#2ee6c514;border:1px solid rgba(46,230,197,.25);color:#2ee6c5}.status-badge-expired{margin-top:14px;padding:7px 16px;font-size:12px;border-radius:999px;background:#ff56560a;border:1px solid rgba(255,86,86,.38);color:#ff7070}.expire-date{margin-top:12px;font-size:12px;letter-spacing:.5px;color:#6f8596}.primary-btn{margin-top:18px;width:min(82%,320px);align-self:center;font-family:inherit;background:#23c9a5;border:none;padding:14px 20px;border-radius:16px;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:0;color:#0a0f14;transition:all .2s ease;box-shadow:0 4px 14px #23c9a538}.primary-btn:active{transform:scale(.98)}.primary-btn:hover{background:#1fb391}.primary-btn-expired{margin-top:18px;background:#2ee6c5;color:#0a0f14}.secondary-btn{margin-top:12px;width:min(82%,320px);align-self:center;font-family:inherit;background:linear-gradient(180deg,#101b2a,#0d1724);border:1px solid rgba(116,160,207,.14);padding:13px 20px;border-radius:16px;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:0;color:#bdd0df;transition:all .2s ease;box-shadow:inset 0 1px #ffffff05}.secondary-btn:hover{background:linear-gradient(180deg,#132033,#102033)}.secondary-btn:active{transform:scale(.98)}.setup-screen{text-align:center;margin-bottom:30px}.setup-title{margin:0;font-size:32px;font-weight:600;letter-spacing:-.02em}.setup-subtitle{margin:10px auto 0;max-width:280px;font-size:14px;color:#7b8a99}.setup-hero{position:relative;width:170px;height:170px;margin:18px auto 8px;display:grid;place-items:center}.setup-hero-ring{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(125,195,255,.16)}.setup-hero-icon{position:relative;color:#d9f4ff;display:grid;place-items:center}.setup-hero-badge{position:absolute;bottom:-2px;right:-10px;color:#2ee6c5}.setup-btn{width:min(86%,340px)}.setup-note{margin-top:12px;font-size:13px;color:#7b8a99}.setup-card{margin:18px auto 0;width:min(92%,420px);text-align:left;background:#121a22;border:1px solid #1f2a33;border-radius:16px;padding:14px}.setup-card-title{font-size:15px;font-weight:600;color:#d8e3ec}.setup-card-subtitle{margin-top:6px;font-size:12px;color:#7b8a99}.setup-pick-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.setup-pick-item{width:100%;text-align:left;background:#16212b;border:1px solid #26323d;color:#cfd8df;border-radius:12px;padding:10px 12px;font-size:14px;font-family:inherit}.setup-pick-item-active{border-color:#2ee6c5b3;color:#ddfef7}.setup-steps{margin:12px 0 0;padding-left:18px;color:#d8e3ec;font-size:14px;line-height:1.45}.setup-steps li+li{margin-top:6px}.setup-app-link{margin-top:14px;display:inline-block;color:#2ee6c5;text-decoration:none}.setup-link-box{margin-top:12px;padding:10px 12px;border-radius:12px;background:#0f1821;border:1px solid #25313d;color:#9cb0bf;font-size:12px;line-height:1.4;word-break:break-all}.setup-copy-btn,.setup-card-btn{width:100%;margin-top:10px}.setup-link-actions{display:flex;gap:10px;margin-top:10px}.setup-action-btn{flex:1;width:auto;margin-top:0;font-size:14px;padding-left:10px;padding-right:10px}.setup-device-input{margin-top:12px}.setup-platforms{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.setup-platform-btn{border:1px solid #26323d;background:#16212b;color:#cfd8df;border-radius:10px;padding:8px 12px;font-size:13px;font-family:inherit}.setup-platform-btn-active{border-color:#2ee6c5b3;color:#ddfef7;background:#0f2a2a}.bonus{display:flex;justify-content:space-between;align-items:center;background:#121a22;border:1px solid #1f2a33;border-radius:18px;padding:18px 22px;margin-top:24px}.bonus-left{display:flex;flex-direction:column;gap:4px}.bonus-title{font-size:12px;color:#7b8a99}.bonus-value{font-size:20px;font-weight:600}.bonus-actions{display:flex;gap:12px}.bonus-actions button{padding:8px 14px;border-radius:14px;font-size:12px;cursor:pointer;transition:.2s ease}.bonus-activate{background:transparent;border:1px solid #1dd1a1;color:#1dd1a1}.bonus-activate:hover{background:#1dd1a11a}.bonus-invite{background:#16212b;border:1px solid #26323d;color:#cfd8df}.bonus-invite:hover{background:#1c2833}.bottom-nav{position:fixed;bottom:24px;left:0;right:0;display:flex;justify-content:center}.nav-container{width:75%;max-width:420px;display:flex;justify-content:space-between;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111821;border:1px solid #1c2630;border-radius:18px;box-shadow:0 10px 30px #00000059,0 0 0 1px #ffffff05;padding:10px 16px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:500;color:#6c7a88;gap:4px;cursor:pointer;transition:.2s ease}.nav-item.active{color:#2ee6c5}.primary-btn,.secondary-btn,.nav-item,.setup-pick-item,.setup-platform-btn,.device-card,.bonus-actions button,.devices-add,.device-delete{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,.setup-link-box{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.setup-app-link{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;-webkit-tap-highlight-color:rgba(0,0,0,.08)}.progress-wrapper{position:relative;width:220px;height:140px;margin:0 auto 10px}.progress-ring{width:100%;height:100%}.progress-bg{fill:none;stroke:#1b2630;stroke-width:1.5}.progress-value{fill:none;stroke:#2ee6c5;stroke-width:2;stroke-linecap:round}.days{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);text-align:center}.tariff-list{display:flex;flex-direction:column;gap:14px;margin-top:24px}.tariff-card{display:flex;justify-content:space-between;align-items:center;background:#121a22;border:1px solid #1f2a33;border-radius:18px;padding:18px 20px;cursor:pointer;transition:all .2s ease}.tariff-card:hover{background:#16212b}.tariff-card.selected{border:1px solid #2ee6c5;background:#2ee6c514}.tariff-left{display:flex;flex-direction:column;gap:4px}.tariff-name{font-size:16px;font-weight:600}.tariff-duration{font-size:13px;color:#7b8a99}.tariff-name{font-size:16px;font-weight:600;margin-bottom:6px}.tariff-duration{font-size:13px;color:#7b8a99;margin-bottom:8px}.tariff-price{font-size:18px;font-weight:600;color:#2ee6c5}.full-width{width:100%}.tariff-action{position:fixed;bottom:90px;left:24px;right:24px;animation:fadeUp .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-screen{margin-top:20px;display:flex;flex-direction:column;gap:24px}.payment-title{font-size:18px;font-weight:600;text-align:center}.payment-card-block{background:#121a22;border:1px solid #1f2a33;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:18px}.payment-row{display:flex;flex-direction:column;gap:6px}.payment-label{font-size:12px;color:#7b8a99;text-transform:uppercase;letter-spacing:1px}.payment-value{font-size:16px;font-weight:500}.payment-copy-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.payment-card-number{font-size:16px;font-weight:600;letter-spacing:1px;background:#0f141a;padding:10px 14px;border-radius:12px;border:1px solid #1f2a33;flex:1}.copy-btn{background:#16212b;border:1px solid #26323d;border-radius:12px;padding:10px 14px;cursor:pointer;transition:.2s ease}.copy-btn:hover{background:#1c2833}.profile-screen{padding:12px 16px;display:flex;flex-direction:column;gap:20px}.profile-header{background:linear-gradient(145deg,#1c1f2b,#161923);border-radius:18px;padding:24px 20px;box-shadow:0 8px 24px #00000059;margin:0 0 16px;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-name{font-size:18px;font-weight:600;color:#fff}.profile-id{margin-top:8px;font-size:14px;color:#8b94a7;letter-spacing:.3px}.profile-id:hover{opacity:.7}.profile-card{background:#1a1d26;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #00000040}.profile-item{padding:16px 18px;font-size:15px;color:#e5e7eb;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.05);text-align:center}.profile-item:last-child{border-bottom:none}.profile-item:hover{background:#ffffff0d}.profile-instruction{margin-top:18px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#00ffc81f,#00ffc80d);border:1px solid rgba(0,255,200,.2);text-align:center;font-size:14px;font-weight:500;color:#00f5c4;cursor:pointer;transition:all .2s ease}.profile-instruction:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ffc826}.transactions-screen{padding:16px 16px 80px}.transactions-screen h2{margin:12px 0 20px;font-size:18px;font-weight:600;text-align:center}.profile-back{font-size:14px;color:#9ca3af;cursor:pointer;margin-bottom:10px;transition:opacity .2s ease}.profile-back:hover{opacity:.7}.transaction-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px;margin-bottom:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s ease,border .2s ease}.transaction-card:hover{transform:translateY(-2px);border-color:#ffffff1f}.transaction-top{display:flex;justify-content:space-between;font-weight:500;font-size:14px;margin-bottom:6px}.transaction-bottom{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af}.status{padding:4px 8px;border-radius:8px;font-size:11px;text-transform:capitalize}.status-pending{background:#ffb80026;color:#fbbf24}.status-confirmed,.status-active{background:#22c55e26;color:#22c55e}.status-failed{background:#ef444426;color:#ef4444}.pagination{display:flex;justify-content:space-between;margin-top:20px}.pagination button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:10px;color:#fff;cursor:pointer}.referral-screen{padding:16px 16px 80px}.referral-card{margin-top:20px;padding:20px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);text-align:center}.referral-title{font-size:14px;color:#9ca3af}.referral-balance{margin-top:8px;font-size:28px;font-weight:600}.referral-stats-card{margin-top:18px;padding:16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.referral-stats{display:flex;justify-content:space-around;text-align:center}.stat-block{flex:1}.stat-number{font-size:20px;font-weight:600}.stat-label{font-size:12px;color:#9ca3af}.referral-info{margin:20px 0;font-size:14px;text-align:center;color:#9ca3af}.referral-share-btn{width:100%;padding:14px;border-radius:14px;background:linear-gradient(135deg,#00f5c4,#00c2ff);border:none;color:#000;font-weight:600;cursor:pointer;transition:transform .2s ease}.referral-share-btn:hover{transform:translateY(-2px)}.legal-screen{padding:16px 16px 90px}.legal-screen h2{text-align:center;margin-bottom:20px}.legal-text{font-size:14px;line-height:1.7;color:#9ca3af;max-width:720px;margin:0 auto}.legal-text h1,.legal-text h2,.legal-text h3{color:#fff;margin-top:24px;margin-bottom:12px}.legal-text p{margin-bottom:12px}.legal-text ul,.legal-text ol{padding-left:20px;margin-bottom:12px}.legal-text li{margin-bottom:6px}.legal-text strong{color:#fff}.legal-accept-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.legal-accept-box{max-width:420px;width:100%;text-align:center}.legal-accept-text{margin:16px 0 20px;color:#9ca3af;font-size:14px;line-height:1.6}.legal-links{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.legal-link-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;padding:12px;border-radius:14px;font-size:14px;cursor:pointer;transition:.2s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.legal-link-btn:active{transform:scale(.98);background:#ffffff14}.legal-link-btn:hover{background:#ffffff1f}.legal-checkbox{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;font-size:14px}.devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.devices-title{font-size:18px;font-weight:600}.devices-add{background:transparent;border:1px solid #26323d;color:#cfd8df;padding:8px 14px;border-radius:14px;font-size:12px;cursor:pointer;transition:.2s ease}.devices-add:hover{background:#1c2833}.devices-add-disabled{opacity:.4;cursor:not-allowed}.devices-limit{margin-bottom:24px}.devices-limit-top{display:flex;justify-content:space-between;font-size:12px;color:#7b8a99;margin-bottom:6px}.devices-limit-reached{color:#ff6b6b}.devices-progress{height:4px;background:#1c2833;border-radius:4px;overflow:hidden}.devices-progress-bar{height:100%;background:#23c9a5;transition:.3s ease}.devices-progress-full{background:#ff6b6b}.devices-limit-hint{margin-top:6px;font-size:11px;color:#6f8596}.devices-empty{text-align:center;margin-top:60px}.devices-empty-icon{font-size:42px;margin-bottom:16px}.devices-empty-title{font-size:16px;font-weight:500;margin-bottom:8px}.devices-empty-subtitle{font-size:13px;color:#7b8a99;margin-bottom:20px}.devices-list{display:flex;flex-direction:column;gap:16px}.device-card{background:#121a22;border:1px solid #1f2a33;border-radius:18px;padding:18px 20px}.device-card-top{display:flex;justify-content:space-between;margin-bottom:6px}.device-platform{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#6f8596}.device-status{font-size:11px;padding:4px 10px;border-radius:14px}.device-status-active{background:#2ee6c514;border:1px solid rgba(46,230,197,.25);color:#2ee6c5}.device-status-disabled{background:#ff5a5a0f;border:1px solid rgba(255,90,90,.25);color:#ff6b6b}.device-status-expired{background:#ffb44614;border:1px solid rgba(255,180,70,.35);color:#ffb446}.device-name{font-size:16px;font-weight:600;margin-bottom:4px}.device-meta{font-size:12px;color:#7b8a99;margin-bottom:12px}.device-manage{background:#16212b;border:1px solid #26323d;color:#cfd8df;padding:8px 14px;border-radius:14px;font-size:12px;cursor:pointer;transition:.2s ease}.device-manage:hover{background:#1c2833}.modal-overlay{position:fixed;inset:0;background:#0a0f14bf;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000}.modal{background:#121a22;border-radius:22px;padding:24px;width:100%;max-width:420px;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.device-title{font-size:20px;font-weight:600;margin-bottom:12px}.device-subtitle{font-size:12px;color:#7b8a99;margin-bottom:8px}.device-link{background:#111d26;border:1px solid #1f2a33;padding:14px;border-radius:14px;font-size:11px;word-break:break-all;cursor:pointer;transition:.15s ease;margin-bottom:18px}.device-link:active{opacity:.7}.device-delete{width:100%;background:transparent;border:1px solid rgba(255,90,90,.35);color:#ff6b6b;padding:12px;border-radius:14px;font-size:14px;transition:.15s ease}.device-delete:active{background:#ff5a5a14}.center-overlay{position:fixed;inset:0;background:#080e14bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.center-modal{width:100%;max-width:340px;background:#111b23;border-radius:22px;padding:22px 20px 20px;box-shadow:0 10px 40px #00000073;animation:modal-fade .16s ease-out}@keyframes modal-fade{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.center-title{font-size:17px;font-weight:600;margin-bottom:14px}.center-input{width:90%;height:44px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#fff;font-size:18px;outline:none;transition:border .15s ease,background .15s ease;margin-bottom:18px}.center-input::placeholder{color:#ffffff59}.center-input:focus{border:1px solid rgba(47,212,177,.7);background:#ffffff08}.center-actions{display:flex;justify-content:flex-end;gap:12px}.center-cancel{background:#ffffff0f;border:none;color:#a7b4bf;padding:8px 14px;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.center-cancel:active{background:#ffffff1a}.center-confirm{background:#2fd4b1;border:none;color:#081014;padding:8px 18px;border-radius:18px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s ease}.center-confirm:active{transform:scale(.96)}