:root{--mf-bg-top: #0b2a4a;--mf-bg-mid: #071a2e;--mf-bg-bottom: #020b14;--mf-panel: rgba(10, 26, 46, .88);--mf-panel-2: rgba(16, 38, 66, .92);--mf-text: #e8f3ff;--mf-muted: #8fb4d9;--mf-border: rgba(97, 153, 214, .18);--mf-accent: #3da9fc;--mf-accent-2: #1f6feb;--mf-accent-soft: #5cc8ff;--mf-success: #5cc8ff;--mf-shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{margin:0;color:var(--mf-text);font-family:Inter,Arial,sans-serif;background:radial-gradient(900px 600px at 50% 28%,rgba(92,200,255,.14),transparent 60%),linear-gradient(180deg,var(--mf-bg-top) 0%,var(--mf-bg-mid) 42%,var(--mf-bg-bottom) 100%)}button,a{font:inherit}#root{min-height:100vh}.mf-page{min-height:100vh;padding:0 0 24px}.mf-shell{width:100%;max-width:720px;margin:0 auto;min-height:100vh;padding:0 18px 24px;background:radial-gradient(circle at 50% 22%,rgba(61,169,252,.14),transparent 22%),linear-gradient(180deg,var(--mf-bg-top) 0%,var(--mf-bg-bottom) 100%)}.mf-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 14px}.mf-headerLeft,.mf-headerRight{display:flex;align-items:center;gap:10px}.mf-brand{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.02em}.mf-brandSub{margin-top:5px;color:var(--mf-muted);font-size:13px}.mf-iconButton{width:42px;height:42px;border-radius:50%;border:1px solid var(--mf-border);background:#ffffff0a;color:var(--mf-text);cursor:pointer}.mf-heroWrap{display:flex;justify-content:center;margin:26px 0 20px}.mf-heroWrap.compact{margin:20px 0 24px}.mf-heroCircleOuter{width:min(72vw,330px);height:min(72vw,330px);border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,0,0,.1) 0%,transparent 70%)}.mf-heroCircleInner{width:min(27vw,104px);height:min(27vw,104px);border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4ab8ff,#7b4cff);box-shadow:0 10px 34px #307dff47;font-size:clamp(42px,8vw,56px);font-weight:800}.mf-statusRow{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px}.mf-statusDate{font-size:clamp(24px,5.5vw,38px);font-weight:800;line-height:1.06}.mf-statusSub{margin-top:6px;color:var(--mf-accent-soft);font-size:18px}.mf-pill{flex-shrink:0;padding:10px 14px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.06);color:var(--mf-muted);font-size:14px}.mf-primaryButton,.mf-secondaryButton,.mf-ghostButton{width:100%;min-height:62px;border:0;border-radius:999px;padding:0 22px;font-size:21px;font-weight:700;cursor:pointer}.mf-primaryButton{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;background:linear-gradient(180deg,var(--mf-accent) 0%,var(--mf-accent-2) 100%);box-shadow:0 14px 32px #1f6feb38}.mf-secondaryButton{margin-top:12px;background:#f4f4f4;color:#111}.mf-ghostButton{margin-top:12px;background:#ffffff14;color:var(--mf-text);border:1px solid rgba(255,255,255,.06)}.mf-card,.mf-setupHero,.mf-linkPanel{background:linear-gradient(180deg,#0c2644d1,#061628eb);border:1px solid var(--mf-border);border-radius:24px;padding:18px;box-shadow:var(--mf-shadow)}.mf-card,.mf-setupHero{margin-bottom:14px}.mf-cardTitle,.mf-bigTitle{font-size:clamp(22px,5vw,34px);font-weight:800;line-height:1.08}.mf-cardText{margin-top:8px;font-size:16px;color:var(--mf-muted);line-height:1.4}.mf-deviceLine{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px;align-items:center}.mf-deviceDot{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#ffffff0d;color:transparent;display:flex;align-items:center;justify-content:center;font-size:0;position:relative}.mf-deviceDot:after{content:"";width:9px;height:9px;border-radius:50%;background:#d7f0e58c}.mf-deviceDot.active{border-color:#3da9fca6;box-shadow:inset 0 0 0 1px #3da9fc59}.mf-deviceDot.active:after{width:22px;height:22px;background:transparent;border:4px solid var(--mf-accent)}.mf-planGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0 18px}.mf-planCard{text-align:left;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0c2c4ac7,#071a2ef2);color:var(--mf-text);padding:18px;cursor:pointer;min-height:170px}.mf-planCard.active{border-color:#3da9fcd9;box-shadow:inset 0 0 0 1px #3da9fc8c,0 10px 24px #0000002e}.mf-planTitle{font-size:18px;font-weight:700}.mf-planPrice{margin-top:54px;font-size:24px;font-weight:800}.mf-planMeta{margin-top:6px;color:var(--mf-muted);font-size:14px}.mf-profileRow{display:flex;align-items:center;gap:14px}.mf-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ea78ff,#a16fff);font-weight:800;font-size:22px}.mf-profileItem{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:var(--mf-text);padding:14px 0;cursor:pointer}.mf-profileItem+.mf-profileItem{border-top:1px solid rgba(255,255,255,.06)}.mf-profileTitle{font-size:17px;font-weight:700}.mf-profileSub{margin-top:4px;color:var(--mf-muted);font-size:14px}.mf-chevron{color:#ffffff75;font-size:24px}.mf-linkPanel{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mf-linkBox{flex:1;min-height:56px;display:flex;align-items:center;padding:0 14px;border-radius:18px;background:#fffffff5;color:#202020;font-size:14px;word-break:break-all}.mf-copyBtn{width:56px;height:56px;border-radius:18px;border:0;background:#ffffff1a;color:var(--mf-text);cursor:pointer;font-size:20px}.mf-bottomNav{position:sticky;bottom:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;margin-top:18px;border-radius:26px;background:#061628eb;border:1px solid rgba(255,255,255,.06);box-shadow:0 16px 34px #00000047}.mf-tab{min-height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:var(--mf-text);font-size:20px;cursor:pointer}.mf-tab.active{background:linear-gradient(180deg,var(--mf-accent) 0%,var(--mf-accent-2) 100%);color:#072018;border-color:transparent}@media (max-width: 480px){.mf-shell{padding-left:14px;padding-right:14px}.mf-primaryButton,.mf-secondaryButton,.mf-ghostButton{min-height:58px;font-size:18px}.mf-planGrid{gap:10px}.mf-planCard{min-height:154px;padding:16px}}