*{box-sizing:border-box}body{margin:0;background:#090b14;color:#f4f5fb;font:16px/1.6 system-ui,Arial}header{display:flex;align-items:center;justify-content:space-between;padding:17px 5%;background:#0e1222;border-bottom:1px solid #29304a;gap:15px}.brand{font-size:23px;font-weight:800;color:white;text-decoration:none}nav{display:flex;gap:20px}a{color:#c4b5fd;text-decoration:none}nav a{color:#aeb4ca;font-size:14px}select{background:#171d32;color:white;border:1px solid #39415e;padding:9px;border-radius:9px}main{width:min(950px,92%);margin:auto}.hero{text-align:center;padding:75px 0 48px}.hero small{color:#a78bfa;letter-spacing:2px;font-weight:bold}.hero h1{font-size:clamp(32px,5vw,50px);line-height:1.15;max-width:760px;margin:17px auto}.hero p,.about p{color:#aeb4ca}.hero p{margin:0 auto 27px}.search{display:flex;max-width:690px;margin:auto;padding:7px;background:#151a2d;border:1px solid #39415e;border-radius:14px}.search input{flex:1;min-width:0;background:none;color:white;border:0;outline:0;padding:12px}.search button{background:#7c3aed;color:white;border:0;border-radius:10px;padding:12px 22px;cursor:pointer}.link{background:none;color:#c4b5fd;border:0;text-decoration:underline;margin:12px;cursor:pointer}#status{display:block;color:#fca5a5;min-height:22px}#result{background:#111629;border:1px solid #303853;border-radius:17px;padding:22px;margin:10px 0 32px}.hidden{display:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid div{background:#1a2036;border:1px solid #303853;border-radius:11px;padding:14px;display:flex;flex-direction:column;gap:5px;min-height:82px}.grid label{font-size:12px;color:#aeb4ca}.grid b{overflow-wrap:anywhere}.mapline{margin-top:15px}.about{padding:20px 0 45px}aside{height:90px;border:1px dashed #39415e;border-radius:12px;display:grid;place-items:center;color:#66708d;margin:30px 0}footer{border-top:1px solid #29304a;padding:22px 0;color:#8c96ae;font-size:13px}body[dir=rtl] .about{text-align:right}@media(max-width:700px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}.grid{grid-template-columns:repeat(2,1fr)}.search{flex-direction:column}.search button{width:100%}}@media(max-width:420px){.grid{grid-template-columns:1fr}}