*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,sans-serif;color:#183d3d;background-image:var(--bg);background-size:cover;background-position:center;background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background:rgba(220,237,230,0);z-index:-1}.veil{position:fixed;inset:0;background:linear-gradient(180deg,rgba(9,45,42,.08),rgba(8,45,43,.25));z-index:-1}header{text-align:center;padding:18px 15px 30px}.logo{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 3px 4px #555)}.title{max-width:1110px;margin:8px auto 0;background:rgba(248,250,249,.76);backdrop-filter:blur(5px);padding:16px;border-radius:10px;box-shadow:0 5px 18px rgba(0,0,0,.17);font-size:21px;font-weight:bold}main{width:min(1050px,93%);margin:auto;padding-bottom:75px}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}.card{min-height:108px;text-align:center;padding:10px 6px;color:#233d3d;text-decoration:none;background:rgba(248,251,250,.73);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.16);backdrop-filter:blur(4px);transition:.2s}.card:hover{transform:translateY(-5px);background:rgba(255,255,255,.93)}.icon{height:56px;display:flex;justify-content:center;align-items:center;font-size:33px;font-weight:bold}.icon img{max-height:52px;max-width:55px;object-fit:contain}.card b{display:block;font-size:13px}.card span{display:block;font-size:11px;margin-top:4px;line-height:1.2}footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);background:rgba(24,61,61,.86);color:#fff;padding:9px 20px;border-radius:8px 8px 0 0;font-size:12px}@media(max-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){header{padding-top:10px;padding-bottom:18px}.logo{width:78px;height:78px}.title{font-size:16px;padding:12px}.grid{grid-template-columns:repeat(3,1fr);gap:10px}.card{min-height:100px}.card b{font-size:11px}.card span{font-size:9px}.icon{height:47px}}