:root{--primary: #00f0ff;--primary-dark: #00a8ff;--secondary: #008cff;--bg: #0a0e17;--bg-dark: #050a14;--card-bg: rgba(19, 26, 42, .9);--card-border: rgba(0, 240, 255, .15);--text: #e0f2fe;--text-2: #94a3b8;--field-h: 46px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.network{position:absolute;inset:0}.network-line{position:absolute;height:1px;background:linear-gradient(90deg,#00f0ff00,#00f0ff1a,#00f0ff00);transform-origin:left center;animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.5}}.bubbles{position:absolute;inset:0}.bubble{position:absolute;border-radius:50%;background-color:#00f0ff0d;border:1px solid rgba(0,240,255,.1);animation:bubble-pulse 8s infinite alternate;will-change:transform}@keyframes bubble-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.1);opacity:1}}.main{min-height:100svh;display:grid;place-items:center;padding:1.25rem;position:relative;z-index:1}.card{width:min(520px,92vw);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000059;overflow:hidden;display:flex;flex-direction:column;max-height:92vh;position:relative;z-index:2}.header-sm{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border-bottom:1px solid rgba(0,240,255,.12)}.logo{font-weight:700;font-size:1.05rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;gap:.6rem}.logo i{font-size:1.2rem}.content{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.9rem;min-height:0;flex:1}.title{font-size:1.15rem;font-weight:600;color:var(--primary);text-align:center}.error{display:none;background:#ff565614;border:1px solid rgba(255,86,86,.35);color:#ff9a9a;padding:.55rem .7rem;border-radius:8px;font-size:.9rem}.error.show{display:block}.device-off{display:none;padding:1rem;border:1px dashed rgba(255,86,86,.5);background:#ff565612;border-radius:10px;text-align:center;color:#ff9a9a;font-weight:600}.device-off.show{display:block}.billing-warn{display:none;padding:.75rem .8rem;border:1px dashed rgba(255,196,86,.55);background:#ffc45614;border-radius:10px;text-align:center;color:#ffe3a1;font-weight:700;line-height:1.3}.billing-warn.show{display:block}.form{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.field{position:relative;height:var(--field-h);background:#ffffff0d;border:1px solid rgba(0,240,255,.2);border-radius:10px;display:flex;align-items:center;padding:0 .8rem;transition:border-color .15s,box-shadow .15s}.field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #00f0ff1a}.field i{margin-right:.6rem;opacity:.8}.input{border:0;outline:0;background:transparent;color:var(--text);width:100%;height:100%;font-size:.98rem;letter-spacing:.2px}.toggle-pass{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--text-2);cursor:pointer;padding:.35rem;border-radius:8px}.toggle-pass:hover{color:var(--text)}.actions{margin-top:.2rem;padding-top:.8rem;border-top:1px solid rgba(0,240,255,.12);display:flex;justify-content:center}.btn{padding:.7rem 1rem;border-radius:10px;border:none;cursor:pointer;font-weight:700;font-size:.95rem;display:inline-flex;gap:.5rem;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s,opacity .12s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00f0ff47}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;border:1px solid rgba(0,240,255,.25);color:var(--text)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--bg-dark);border:none}.update-panel{position:fixed;right:16px;top:16px;bottom:16px;width:min(360px,92vw);background:#0a0e17e0;border:1px solid rgba(0,240,255,.2);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0006;transform:translate(calc(100% + 16px));transition:transform .25s ease;display:flex;flex-direction:column;z-index:10}.update-panel.show{transform:translate(0)}.upd-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid rgba(0,240,255,.12)}.upd-title{display:flex;align-items:center;gap:.6rem;font-weight:700}.upd-body{padding:1rem;overflow:auto;flex:1 1 auto;min-height:0}.upd-meta{font-size:.9rem;color:var(--text-2);margin-bottom:.6rem}.upd-notes{white-space:normal;display:flex;flex-direction:column;gap:6px;line-height:1.2}.upd-notes *{margin:0!important}.rel-item{padding:0}.rel-head{font-weight:700;color:var(--primary);font-size:.92rem;line-height:1.2}.rel-note{margin-left:.6rem!important;color:#cfe9ff;font-size:.88rem;line-height:1.2}@media(max-width:991px){.card{width:min(560px,96vw)}}@media(max-width:520px){.card{width:min(96vw,520px)}}.offscreen{position:fixed;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}