*{box-sizing:border-box}body{margin:0;background:#080f17;color:#e9f1fb;font:15px Segoe UI,sans-serif}header,main,footer{max-width:1200px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;border-bottom:1px solid #223447}header a{font-size:24px;font-weight:900;letter-spacing:3px;text-decoration:none;color:white}strong,small{color:#63e7ac}main{padding-top:35px}.hero{padding:42px;border-radius:22px;background:linear-gradient(90deg,#07111af5,#07111a80),url('/static/gt3-pitlane.png') center/cover;margin-bottom:25px;min-height:270px}h1{font-size:42px;margin:15px 0}h2{margin-top:0}p,footer{color:#a4b6c9;line-height:1.7}article{background:#111e2b;border:1px solid #26394c;border-radius:16px;padding:25px;margin-bottom:20px}label{display:block;margin:15px 0;color:#aac0d5}input{display:block;background:#08131e;border:1px solid #345069;border-radius:8px;padding:12px;color:white;width:100%;margin-top:8px}button,.button{display:inline-block;background:#5be6a6;border:0;border-radius:8px;padding:12px 18px;color:#052818;font-weight:700;cursor:pointer;text-decoration:none}.secondary{background:#24384b;color:#e9f1fb;margin-top:10px}a{color:#79d4ff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.login{max-width:500px;margin:auto}.actions{display:flex;gap:12px;align-items:center}.table{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{text-align:left;border-bottom:1px solid #2a3c50;padding:14px;font-size:13px}.license{display:flex;gap:20px;align-items:center;border-top:1px solid #273b50;padding:12px}.license b{flex:1}.error{color:#ff8594}.success{color:#5be6a6}@media(max-width:700px){.grid{display:block}h1{font-size:30px}.hero{padding:25px}main{padding:15px}}
.google{width:100%;text-align:center;background:white;color:#203043;margin-bottom:15px}.price{font-size:54px;font-weight:800;color:#5be6a6}.price span{font-size:18px;color:#b3c4d8}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.payment{display:flex;flex-direction:column;gap:15px;padding:20px;background:#091521;border:1px solid #2a425a;border-radius:14px}.payment b{font-size:24px}.payment span{font-size:12px;color:#a4b6c9}button:disabled{opacity:.5;cursor:not-allowed}select{padding:12px;background:#08131e;color:white;border:1px solid #345069;border-radius:8px;display:block;width:100%;margin-top:8px}

input.inline{display:inline-block;width:auto;margin-right:8px}code{display:block;overflow-wrap:anywhere;padding:14px;background:#08131e;border-radius:8px}.payment p{overflow-wrap:anywhere}

/* Controles legibles y sin zoom automático de Safari en iPhone. */
input,select,button{font-size:16px}.login form>button{width:100%;min-height:48px}.login .secondary{display:block;text-align:center}.login .muted{font-size:14px}

.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.badge{border:1px solid #2c5368;color:#79d4ff;border-radius:99px;padding:8px 12px;font-size:12px}.ranking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.rank-card{background:#0b1723;border:1px solid #294256;border-radius:14px;padding:16px}.rank-card h3{margin:0 0 12px;color:#68e5b0}.rank-row{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #203446}.rank-row span{font-weight:700}.rank-row small{display:block;color:#8fa5b8;font-weight:400;font-size:11px;margin-top:2px}.rank-row strong{font-variant-numeric:tabular-nums;color:#f0c76b}.empty-state{padding:30px;border:1px dashed #365268;border-radius:12px;color:#9db1c2}.device-card{max-width:680px;margin:auto}.hero .actions .button{min-width:180px;text-align:center}@media(max-width:700px){.section-heading{display:block}.badge{display:inline-block;margin-top:8px}.hero .actions{flex-direction:column;align-items:stretch}.hero .actions .button{width:100%}}