33 lines
1.9 KiB
CSS
33 lines
1.9 KiB
CSS
/* assets/css/legal.css - minimal rules for legal pages */
|
|
|
|
/* Layout background patterns */
|
|
.geo-bg { position:absolute; inset:0; background:radial-gradient(#0f1724 0%, transparent 40%); z-index:0; }
|
|
.grid-pattern { position:absolute; inset:0; background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.02) 0 1px, transparent 1px 20px); z-index:0; }
|
|
|
|
/* Hero */
|
|
.page-hero { display:flex; align-items:center; justify-content:center; padding:3rem 1rem; background:var(--hero-bg); color:var(--text-on-hero); }
|
|
.page-hero .hero-content { max-width:1100px; text-align:center; }
|
|
|
|
/* Legal content (text-first layout) */
|
|
.legal-content { padding:2.25rem 1rem; background:transparent; color:var(--text); }
|
|
.legal-container { max-width:900px; margin:0 auto; display:block; }
|
|
.legal-section { margin-bottom:1.25rem; }
|
|
.legal-section h2 { font-size:1.1rem; margin:0 0 .5rem 0; font-weight:700; display:block; }
|
|
.legal-card { background:transparent; padding:0; border-radius:0; box-shadow:none; border:none; }
|
|
.legal-card p, .legal-card ul { margin:0 0 .75rem 0; line-height:1.6; color:var(--text); }
|
|
.page-hero { padding:1.5rem 1rem; background:transparent; color:var(--text); text-align:left; }
|
|
.page-hero .hero-content h1 { font-size:1.6rem; margin-bottom:.25rem; }
|
|
.page-hero .hero-content p { margin:0 0 .5rem 0; }
|
|
|
|
|
|
/* Footer */
|
|
footer .footer-content { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }
|
|
.footer-bottom { text-align:center; padding:1rem 0; font-size:.9rem; }
|
|
|
|
/* Nav / responsive */
|
|
#navbar.scrolled { backdrop-filter: blur(4px); box-shadow:0 6px 18px rgba(2,6,23,.12); }
|
|
.nav-links { display:flex; gap:1rem; list-style:none; }
|
|
.nav-links a.active, .nav-links a[aria-current="true"] { font-weight:700; color:var(--accent); }
|
|
.nav-links.active { display:block; }
|
|
.mobile-toggle { display:none; /* show via media query */ }
|
|
@media (max-width:880px) { .nav-links { display:none; } .mobile-toggle { display:block; } }
|