:root{--bg1:#050816;--bg2:#0c1530;--card:rgba(255,255,255,.08);--border:rgba(255,255,255,.16);--text:#f7f9ff;--muted:#aeb9d7;--accent:#28d7ff;--success:#47f5a4;--danger:#ff5b7f}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);min-height:100vh;background:radial-gradient(circle at top left,rgba(40,215,255,.28),transparent 34%),radial-gradient(circle at bottom right,rgba(109,93,252,.25),transparent 34%),linear-gradient(135deg,var(--bg1),var(--bg2))}.page{min-height:100vh;display:grid;place-items:center;padding:22px}.card{width:100%;max-width:520px;padding:28px;border:1px solid var(--border);border-radius:28px;background:var(--card);box-shadow:0 24px 80px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:16px;margin-bottom:26px}.logoBox{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid var(--border);box-shadow:0 12px 34px rgba(40,215,255,.2)}.logoBox img{width:100%;height:100%;object-fit:contain;padding:5px}.fallbackLogo{font-weight:800;letter-spacing:1px;color:#06101d;background:linear-gradient(135deg,var(--accent),var(--success));border:0}h1{margin:0;font-size:30px;line-height:1.1}.brand p{margin:6px 0 0;color:var(--muted)}.panel{padding:18px;border-radius:22px;border:1px solid var(--border);background:rgba(0,0,0,.16)}label{display:block;font-size:14px;color:var(--muted);margin-bottom:10px}.secondLabel{margin-top:14px}.inputWrap{position:relative}input{width:100%;height:56px;padding:0 48px 0 16px;color:var(--text);font-size:17px;border:1px solid var(--border);border-radius:16px;outline:none;background:rgba(255,255,255,.08)}#vinInput{text-transform:uppercase;letter-spacing:1px}input:focus{border-color:rgba(40,215,255,.75);box-shadow:0 0 0 4px rgba(40,215,255,.12)}#clearBtn,#showSecretBtn{position:absolute;right:8px;top:8px;width:40px;height:40px;border:0;border-radius:13px;color:var(--muted);font-size:20px;background:rgba(255,255,255,.08);cursor:pointer}#clearBtn{font-size:26px}.primaryBtn{width:100%;height:54px;margin-top:14px;border:0;border-radius:16px;color:#06101d;font-size:17px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--success));cursor:pointer;box-shadow:0 16px 34px rgba(40,215,255,.2)}.primaryBtn:disabled{opacity:.65;cursor:not-allowed}.resultBox,.errorBox{margin-top:16px;padding:15px;border-radius:16px}.resultBox{border:1px solid rgba(71,245,164,.28);background:rgba(71,245,164,.09)}.resultLabel{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.resultLine{display:flex;align-items:center;justify-content:space-between;gap:12px}#resultText{font-size:24px;letter-spacing:1px}#copyBtn,.miniBtn{border:0;border-radius:12px;padding:10px 12px;color:var(--text);background:rgba(255,255,255,.12);cursor:pointer}.errorBox{color:#ffd6df;border:1px solid rgba(255,91,127,.35);background:rgba(255,91,127,.1)}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.info div{padding:13px 10px;border-radius:16px;text-align:center;background:rgba(255,255,255,.07);border:1px solid var(--border)}.info span{display:block;font-size:12px;color:var(--muted)}.info b{display:block;margin-top:5px;font-size:13px}.note{margin:18px 4px 0;font-size:13px;color:var(--muted);line-height:1.45;text-align:center}.hidden{display:none}@media(max-width:520px){.card{padding:20px;border-radius:24px}h1{font-size:25px}.info{grid-template-columns:1fr}.resultLine{align-items:stretch;flex-direction:column}#copyBtn{width:100%}}