*{box-sizing:border-box}html,body{color:#1f2937;background:#f3f7fb;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,select{font:inherit}.page{width:100%;max-width:760px;margin:0 auto;padding:16px}.card{background:#fff;border-radius:18px;margin-bottom:16px;padding:18px;box-shadow:0 8px 24px #0f172a14}.hero h1{margin:0 0 8px;font-size:28px}.hero p{margin:0;line-height:1.5}.topRow{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.langSwitch{flex-wrap:wrap;gap:8px;display:flex}.langSwitch button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 14px}.langSwitch button.active{color:#fff;background:#111827;border-color:#111827}.formCard{gap:14px;display:grid}.formCard label{gap:8px;display:grid}.formCard span{font-weight:700}.formCard select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 14px}.resultsCard h2{margin-top:0}.resultsGrid{gap:16px;display:grid}.resultItem{border:1px solid #e5e7eb;border-radius:16px;padding:14px}.badgeRow{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.badge{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.lineBadge{background:#e0f2fe}.typeBadge{background:#ecfccb}.resultItem h3{margin:0 0 12px;font-size:20px}.imageWrap{aspect-ratio:16/9;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;width:100%;position:relative;overflow:hidden}.trainImage{object-fit:contain}.note{color:#4b5563;margin-top:16px;font-size:14px}.emptyState{background:#f8fafc;border:1px dashed #d1d5db;border-radius:16px;padding:16px}.emptyState p{margin-bottom:0}@media (max-width:640px){.page{padding:12px}.topRow{flex-direction:column}.hero h1{font-size:24px}}