*{box-sizing:border-box}body{margin:0;background:#071b15;color:#eaf4ee;font:16px/1.6 system-ui,Arial,sans-serif}a{color:#b5fa72}header,.wrap,main{max-width:1120px;margin:auto}header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}header a{text-decoration:none}nav{display:flex;gap:12px;flex-wrap:wrap}.nav a,.btn,button{border:1px solid #47695a;border-radius:14px;padding:12px 18px;background:#153b2b;color:#eaf4ee;cursor:pointer}.logo{font-weight:900;font-size:24px}.logo span,em{color:#b5fa72}main{padding:20px}.hero{padding:35px 0 45px}.hero h1{font-size:clamp(32px,6vw,64px);line-height:1.1}.hero p{max-width:700px;font-size:20px;color:#c5d5cd}.tag{color:#b5fa72;font-weight:bold;letter-spacing:2px}.section{padding:20px 0 60px}.directory-tabs,.directory-controls{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.directory-tabs button.active{background:#b5fa72;color:#102117}.directory-controls input,.directory-controls select{flex:1 1 250px;min-width:0;background:#123527;color:white;border:1px solid #4c6e5a;border-radius:14px;padding:16px;font-size:16px}.directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.directory article{border:1px solid #466553;border-radius:16px;padding:18px;background:#103023}.directory article h3{margin:0 0 8px}.directory article p{color:#c4d5c9}.muted{color:#c5d5ca}.footer{border-top:1px solid #385e4c;padding:20px}.footer .wrap{padding:0 20px}a:focus-visible,button:focus-visible{outline:3px solid #b5fa72}