*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg-primary:#0a0e17;--bg-secondary:#121829;--bg-card:#1a2035;--text-primary:#fff;--text-secondary:#94a3b8;--accent:#00d4aa;--accent-hover:#00e8bb;--border:#94a3b81a}html{background-color:#0a0e17}body{color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#0a0e17;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0a0e17;flex-direction:column;display:flex}.header{border-bottom:1px solid var(--border);background:#0a0e17;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.logo{color:var(--accent);font-size:20px;font-weight:700}.user-badge{background:var(--bg-card);border-radius:20px;padding:6px 12px;font-size:14px}.main{flex-direction:column;flex:1;gap:16px;width:100%;max-width:480px;margin:0 auto;padding:20px;display:flex}.hero{text-align:center}.title{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.badge-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.badge-primary{background:var(--accent);color:var(--bg-primary)}.badge-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.stats-strip{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:12px 8px}.stat-val{color:var(--accent);font-size:20px;font-weight:700;display:block}.stat-lbl{color:var(--text-secondary);font-size:10px}.error,.loading{text-align:center;padding:20px;font-size:14px}.error{color:#ff6b6b}.loading{color:var(--text-secondary)}.pairs-grid{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.pairs-grid h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:12px;font-size:12px;font-weight:600}.pairs-grid h2:first-child{margin-top:0}.pairs-grid h2{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:600}.pairs-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.pair-card{cursor:pointer;color:#fff;text-align:left;appearance:none;touch-action:manipulation;background:#1a2035;border:1px solid #94a3b81a;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;display:flex}.pair-card:hover{background:#121829;border-color:#00d4aa}.pair-card:active{background:#0a0e17;border-color:#00d4aa}.pair-symbol{color:var(--text-primary);font-size:14px;font-weight:600}.pair-cost{color:var(--accent);font-size:13px;font-weight:500}.features{flex-direction:column;gap:12px;display:flex}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.feature-icon{font-size:24px}.feature h3{margin-bottom:2px;font-size:14px;font-weight:600}.feature p{color:var(--text-secondary);font-size:13px}.cta{flex-direction:column;gap:10px;margin-top:8px;display:flex}.btn-primary{background:var(--accent);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:10px;padding:14px 20px;font-size:15px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{width:100%;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:14px 20px;font-size:15px;font-weight:500}.btn-secondary:hover{background:var(--bg-card)}.footer{text-align:center;border-top:1px solid var(--border);margin-top:auto;padding:16px 20px}.footer p{color:var(--text-secondary);font-size:11px}.modal-overlay{z-index:2147483647;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;background:#000000e6;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:480px;max-height:90vh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;touch-action:manipulation;background:#121829;border-radius:20px 20px 0 0;overflow:hidden auto}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-header h2{font-size:24px;font-weight:700}.modal-desc{color:var(--text-secondary);margin-top:4px;font-size:13px}.modal-close{background:var(--bg-card);color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.modal-section{margin-bottom:20px}.modal-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.cost-breakdown{background:var(--bg-card);border-radius:12px;overflow:hidden}.cost-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 14px;font-size:14px;display:flex}.cost-row:last-of-type{border-bottom:none}.cost-row.positive span:last-child{color:var(--accent)}.cost-row.total{background:#00d4aa1a}.cost-row.total span:last-child{color:var(--accent);font-size:18px;font-weight:700}.cost-note{text-align:center;color:var(--text-secondary);background:var(--bg-card);padding:10px;font-size:12px}.competitor-list{background:var(--bg-card);border-radius:12px;overflow:hidden}.comp-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 14px;display:flex}.comp-row:last-child{border-bottom:none}.comp-name{color:var(--text-primary);font-size:14px}.comp-cost{color:var(--text-primary);font-size:14px;font-weight:600}.comp-savings{color:var(--accent);margin-left:4px;font-size:11px;font-weight:500}.details-grid{background:var(--bg-card);border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-label{color:var(--text-secondary);font-size:11px}.detail-value{font-size:13px;font-weight:500}.modal-cta{margin-top:16px}