.hero{text-align:center;padding:5rem 2rem}.hero h2{margin-bottom:1rem;font-size:2.5rem}.hero p{color:#ccc;max-width:600px;margin:0 auto 2rem}.hero button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.8rem 1.8rem;transition:background .2s}.hero button:hover{background-color:#4b7fb3}.services{text-align:center;max-width:1000px;margin:0 auto;padding:3rem 2rem}.service-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.card{background-color:var(--card);color:var(--text);border-radius:10px;flex-direction:column;min-height:220px;padding:1.5rem;text-decoration:none;transition:transform .2s,background .2s;display:flex;position:relative}.card:hover,.card:focus{color:#fff;background-color:#1c222b;text-decoration:none;transform:translateY(-5px)}.card h4{color:var(--accent);margin-bottom:.5rem}.card p{color:#ccc;flex-grow:1}.card .card-url{color:#888;opacity:.8;font-size:.85rem;transition:opacity .2s,color .2s;position:absolute;bottom:1rem;right:1.5rem}.card:hover .card-url{opacity:1;color:var(--accent)}.faq{background-color:#11151a;border-radius:10px;max-width:800px;margin:0 auto;padding:3rem 2rem}.faq-item{text-align:left;margin-bottom:1.5rem}.faq-item h4{color:var(--accent)}.info-sections{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1.5rem;max-width:1000px;margin:3rem auto;display:flex}.tag-guide,.socials{color:var(--text);background-color:#11151a;border-radius:10px;flex:300px;min-width:280px;padding:1.5rem}.tag-guide h4,.socials h4{color:var(--accent);margin-bottom:.8rem}.tag-guide .legend p{color:#ccc;margin:.4rem 0}.socials ul{margin-top:.8rem;padding:0;list-style:none}.socials li{color:#ccc;margin-bottom:.5rem}.socials a{color:var(--accent);text-decoration:none;transition:color .2s}.socials a:hover{color:#4b7fb3;text-decoration:underline}.request-access{text-align:center;margin-top:2rem}.request-btn{background-color:var(--accent);color:#fff;border-radius:8px;padding:.6rem 1.2rem;text-decoration:none;transition:background .2s;display:inline-block}.request-btn:hover{background-color:#4b7fb3}.tags{opacity:.8;margin-left:6px;font-size:.9rem}@media (max-width:600px){.hero h2{font-size:2rem}.services{padding:2rem 1rem}.info-sections{flex-direction:column;gap:1rem}.card{min-height:200px}}