:root{--bg:#08111f;--panel:#121c2d;--line:#26364e;--text:#f8fafc;--muted:#9db0c7;--accent:#27d3c4;--accent2:#18b8e6;--green:#24c875;--red:#ef5b67}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07101c,#091321);color:var(--text);font-family:Inter,system-ui,sans-serif}
a{color:inherit}.wrap{max-width:850px;margin:auto;padding:24px 20px 90px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.logo{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#05151d;font-weight:900;font-size:20px}.brand b{font-size:22px}.brand span{display:block;color:var(--muted);font-size:13px}
.actions{display:flex;gap:9px}.btn,.ghost{display:inline-block;text-decoration:none;border-radius:13px;padding:12px 16px;font-weight:900}.btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#05202a;border:0}.ghost{border:1px solid #34445d;color:#dce7f2}
.panel{background:linear-gradient(180deg,#162135,#101a2b);border:1px solid var(--line);border-radius:24px;padding:30px}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--accent);font-weight:900}h1{font-size:46px;line-height:1.03;margin:10px 0 18px;letter-spacing:-1px}h2{font-size:28px}p{color:#d5dfeb;line-height:1.6}.price{font-size:42px;font-weight:900}.price small{font-size:15px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.card{background:#0e1828;border:1px solid var(--line);border-radius:16px;padding:18px}.muted{color:var(--muted)}
.form{max-width:460px;margin:60px auto}.form input{width:100%;background:#0b1525;color:white;border:1px solid #34445d;border-radius:12px;padding:13px;margin:7px 0 14px}.flash{background:#3a2610;border:1px solid #7a531b;padding:12px;border-radius:12px;margin-bottom:14px}
.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.summary .card strong{font-size:26px;display:block}.summary .card span{font-size:12px;color:var(--muted)}
.list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.row{display:flex;gap:14px;align-items:center;background:#111b2c;border:1px solid var(--line);border-radius:16px;padding:15px}.num{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#103344;color:var(--accent);font-weight:900}.fixture{font-size:17px;font-weight:900}.meta{font-size:12px;color:var(--muted);margin-top:4px}.grow{flex:1}.pill{font-size:10px;font-weight:900;padding:7px 9px;border-radius:999px;color:#d1fae5;background:#24c8751c;border:1px solid #24c87555}.loss{color:#ffd3d6;background:#ef5b671c;border-color:#ef5b6755}
.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(850px,100%);display:flex;background:#08111f;border-top:1px solid var(--line);padding:10px 14px 16px}.bottom a{flex:1;text-align:center;text-decoration:none;color:var(--muted);padding:12px;border-radius:12px;font-weight:800}.bottom a.active{color:var(--accent);background:#102234}
@media(max-width:650px){h1{font-size:35px}.grid{grid-template-columns:1fr}.top{align-items:flex-start}.actions{flex-direction:column}.panel{padding:24px}.summary{grid-template-columns:1fr 1fr}}

.results-summary{grid-template-columns:repeat(3,1fr);margin-top:18px}.track-note{font-size:12px;margin:12px 0 0}
@media(max-width:650px){.results-summary{grid-template-columns:repeat(3,1fr)}.results-summary .card{padding:14px 10px}.results-summary .card strong{font-size:22px}}

/* PIF Strength Score upgrade */
.num{
  width:auto !important;
  min-width:110px;
  padding-left:14px;
  padding-right:14px;
  white-space:nowrap;
}