.home-container{background:#fff;border-radius:12px;max-width:500px;margin:32px auto;padding:24px;box-shadow:0 2px 8px #00000012}.vin-form{gap:8px;margin-bottom:24px;display:flex}.vin-input{border:1px solid #bbb;border-radius:4px;flex:1;padding:8px;font-size:16px}.vin-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:8px 18px;font-size:16px;transition:background .2s}.vin-btn:hover{background:#1741a6}.vin-history,.vin-results{margin-bottom:24px}.vin-result-row{border-bottom:1px solid #eee;justify-content:space-between;padding:4px 0;display:flex}.vin-variable{color:#222;font-weight:500}.vin-value{color:#555}.variables-container{background:#f9f9f9;border-radius:10px;max-width:90%;margin:32px auto;padding:24px;box-shadow:0 2px 8px #0000000f}.variables-list{margin:0;padding:0;list-style:none}.variable-item{border-bottom:1px solid #e0e0e0;align-items:flex-start;gap:4px;padding:10px 0;display:flex}.variable-link{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s}.variable-link:hover{color:#1741a6;text-decoration:underline}.variable-desc{color:#444;font-size:15px}.about-container{background:#f7fafc;border-radius:16px;max-width:600px;margin:40px auto;padding:32px;box-shadow:0 4px 16px #00000014}.about-title{color:#2563eb;text-align:center;margin-bottom:18px;font-size:2.2rem;font-weight:700}.about-desc{color:#333;text-align:center;margin-bottom:24px;font-size:1.1rem}.about-block{background:#e0e7ef;border-radius:10px;margin-bottom:24px;padding:18px 20px}.about-block h2{color:#1741a6;margin-bottom:10px;font-size:1.2rem}.about-block ul{color:#444;padding-left:18px;font-size:1rem}.about-block li{margin-bottom:6px}#root{margin:0 auto}.page{background:#f7fafc;flex-direction:column;min-height:100vh;display:flex}.layout-content{flex:1;padding:32px 0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}li{margin:0}body{color:#333;background:#f7fafc;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (width<=600px){.content{padding:8px 0}}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:40vh;display:flex}.spinner{border:6px solid #e0e7ef;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#2563eb;font-size:1.2rem;font-weight:500}.nav-container{gap:18px;display:flex}.nav-link{color:#2563eb;border-radius:6px;padding:4px 10px;font-size:1.05rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.nav-link:hover{color:#1741a6;background:#cbd5e1}@media (width<=600px){.nav-container{flex-direction:column;align-items:flex-start;gap:8px}.nav-link{padding:4px 6px;font-size:.95rem}}.header-container{background:#e0e7ef;border-bottom:1px solid #cbd5e1;width:100%;padding:18px 0}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.header-title{color:#2563eb;font-size:1.3rem;font-weight:700}@media (width<=600px){.header-content{flex-direction:column;align-items:flex-start;gap:8px;padding:0 .5rem}.header-title{font-size:1rem}}.footer-container{background:#e0e7ef;border-top:1px solid #cbd5e1;width:100%;margin-top:32px;padding:18px 0}.footer-content{color:#1741a6;justify-content:space-between;align-items:center;max-width:700px;margin:0 auto;padding:0 1rem;font-size:1rem;display:flex}.footer-title{color:#2563eb;font-weight:700}.footer-copy{color:#555}.footer-links a{color:#2563eb;margin-left:12px;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#1741a6;text-decoration:underline}@media (width<=600px){.footer-content{flex-direction:column;align-items:flex-start;gap:8px;padding:0 .5rem;font-size:.95rem}}