html,body,.app{height:100%;margin:0}body,.app{display:flex;flex-direction:column;min-height:100vh}body{font-family:Arial,sans-serif;background:#f9f9f9;height:100%;margin:0}main{flex:1}.app,.search-page{display:flex;flex-direction:column}.container{max-width:1000px;margin:2rem auto 0;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 20px #00000014;flex:1}.title{text-align:center;color:#d62828;font-size:2rem;margin-bottom:1.5rem}.search-bar{display:flex;gap:10px;margin-bottom:1.5rem;justify-content:center}.search-bar input{flex:1;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:8px}.search-bar button{padding:12px 20px;background:#d62828;color:#fff;border:none;font-weight:700;border-radius:8px;cursor:pointer}.search-bar button:hover:not(:disabled){background:#b91c1c}.search-bar button:disabled,.form-actions button:disabled{opacity:.5;cursor:not-allowed}.status{text-align:center;color:#666;margin-bottom:1rem}.results{display:flex;flex-direction:column;gap:.75rem}.results-count{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#666}.result-card{display:flex;flex-direction:column;gap:.875rem;background:#fff;border:1px solid #e8e8e8;border-left:4px solid #d62828;padding:1.25rem 1.5rem;border-radius:12px;transition:box-shadow .2s ease}.result-card:hover{box-shadow:0 4px 14px #0000000f}.result-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.result-card__identity{min-width:0}.result-card__brand{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#d62828}.result-card__title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.35;color:#1a1a1a}.result-card__subtitle{margin:.35rem 0 0;font-size:.9rem;color:#666}.result-card__years{flex-shrink:0;padding:.35rem .75rem;border-radius:999px;background:#f3f3f3;font-size:.85rem;font-weight:600;color:#444;white-space:nowrap}.result-card__languages{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;padding-top:.875rem;border-top:1px solid #eee}.result-card__languages-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#888}.result-card__language-links{display:flex;flex-wrap:wrap;gap:.5rem}.result-card a{background:#07c;color:#fff;padding:.4rem .85rem;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:700}.result-card a:hover{background:#005fa3}.form-actions{display:flex;gap:1rem}.form-actions button{width:80px;height:55px;vertical-align:middle;padding:12px 10px}.banner{width:100%;background-color:#007bff;color:#fff;text-align:center;padding:8px 0;font-size:.9rem;letter-spacing:.3px;box-shadow:0 1px 3px #0000001a;top:0;z-index:1000}.banner strong{font-weight:600}.footer{padding:1rem 0;margin-top:auto;text-align:center;font-size:.9rem}.footer-nav{margin-bottom:.5rem}.footer-links{list-style:none;padding:0;margin:0;display:inline-flex;gap:1.5rem}.footer-links a{text-decoration:none;color:#555;font-weight:500;transition:color .2s ease}.footer-links a:hover{color:#1a73e8}.footer-copy{color:#999;margin-top:.5rem;font-size:.8rem}.info-page{max-width:80%;margin:auto}.info-page h2{text-align:center}.faq-container{max-width:700px;margin:0 auto;text-align:left}.faq-item{border-bottom:1px solid #ddd;padding:1rem 0}.faq-question{width:100%;background:none;border:none;outline:none;text-align:left;font-size:1.1rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#1a1a1a;transition:color .2s ease}.faq-question:hover{color:#1a73e8}.faq-icon{font-size:1.5rem;line-height:1;color:#1a73e8}.faq-answer-wrapper{overflow:hidden;transition:max-height .4s ease}.faq-answer{margin-top:.5rem;padding-left:.5rem;color:#444;font-size:1rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.search-page{padding:0}.container{padding:1rem}.search-bar{display:block}.search-bar div{margin:10px 0}}@media (max-width: 768px){.result-card__header{flex-direction:column;gap:.625rem}.result-card__years{align-self:flex-start}}