:root{--bg-color: #0d0e12;--card-bg: #16181d;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--success: #10b981}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3{margin:0}.summary-banner{display:flex;align-items:center;gap:24px;padding:24px;border-radius:16px;background:var(--card-bg);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003;margin-bottom:20px}.summary-icon{width:50px;height:50px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.summary-content{flex:1}.summary-content h2{font-size:1.25rem;margin:0 0 16px;background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-stats-grid{display:flex;flex-wrap:wrap;gap:32px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600;margin-bottom:4px}.stat-value{font-size:1.25rem;font-weight:700;color:#fff}.stat-subtext{font-size:.8rem;color:#a1a1aa;margin-top:2px}.stat-item.highlight .stat-value{color:var(--accent)}.winner-card{border-color:#fff3;box-shadow:0 0 30px #3b82f61a;position:relative}.winner-badge{position:absolute;top:20px;right:20px;background:#10b98133;color:#10b981;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;border:1px solid rgba(16,185,129,.3)}.app-container{max-width:1200px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:40px}header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight{color:var(--accent);-webkit-text-fill-color:var(--accent)}header p{color:var(--text-secondary);font-size:1.2rem;margin-top:10px}.calculator-container{display:flex;flex-direction:column;gap:30px}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px;background:var(--card-bg);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003}.input-group label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.premium-input,.premium-select{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1.1rem;transition:all .2s}.premium-input:focus,.premium-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.card{background:var(--card-bg);padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.option-card h3{color:var(--text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.big-number{font-size:3.5rem;font-weight:700;margin:10px 0;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.big-number .label{font-size:1.2rem;font-weight:500;-webkit-text-fill-color:var(--text-secondary)}.breakdown p{margin:5px 0;color:var(--text-secondary)}.breakdown strong{color:#fff}.tier-progress{margin-top:20px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:var(--accent);font-size:.9rem;display:flex;align-items:center;gap:10px}.chart-container{background:var(--card-bg);padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.chart-controls{margin-top:10px;display:flex;justify-content:flex-end}.toggle-group{display:flex;align-items:center;gap:12px}.toggle-group label{color:var(--text-secondary);font-size:.9rem}.toggle-switch{display:flex;background:#0000004d;border-radius:20px;padding:4px;border:1px solid rgba(255,255,255,.1)}.toggle-switch button{background:transparent;border:none;color:var(--text-secondary);padding:6px 16px;border-radius:16px;cursor:pointer;font-size:.85rem;transition:all .2s}.toggle-switch button.active{background:#ffffff1a;color:#fff;font-weight:600}.rate-badge{display:inline-block;background:#ffffff1a;color:var(--accent);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:8px;font-size:.9rem;font-weight:600;margin-bottom:12px}.methodology-container{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.methodology-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;justify-content:center}.methodology-header h2{font-size:1.5rem;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.methodology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.method-card{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px}.method-card .card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px}.method-card h3{font-size:1.1rem;color:#fff}.method-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.tier-list{list-style:none;padding:0;margin:0}.tier-list li{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:14px;position:relative}.tier-list li:before{content:"•";color:var(--accent);position:absolute;left:0}.tier-list strong{color:#e0e0e0}.icon-main{color:var(--accent)}.icon-opt1{color:#3b82f6}.icon-opt2{color:#10b981}.source-link{margin-top:40px;text-align:center}.source-link a{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:20px;background:#ffffff08}.source-link a:hover{color:#fff;border-color:var(--accent);background:#ffffff0d}
