/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Poppins',sans-serif; scroll-behavior:smooth; }
body { background: linear-gradient(135deg, #141E30, #243B55); color:#fff; line-height:1.6; }

/* Header */
header { display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background: rgba(0,0,0,0.6); backdrop-filter: blur(8px); position: sticky; top:0; z-index:1000;}
.logo { font-size:1.8rem; font-weight:bold; }
.logo span { color:#ff6a00; }
nav a { margin:0 15px; color:#fff; text-decoration:none; font-size:1rem; }
nav a:hover { color:#ff6a00; }

/* Hero Section */
.legal-hero { text-align:center; padding:80px 20px; }
.legal-hero h1 { font-size:3rem; margin-bottom:20px; animation: fadeIn 2s ease forwards; }
.legal-hero .glow { color:#ff6a00; text-shadow:0 0 15px #ff6a00,0 0 30px #ff4500; }
.legal-hero .animated-text { font-size:1.3rem; max-width:700px; margin:auto; animation: slideUp 2s ease forwards; }

/* Content Cards */
.legal-content { display:flex; flex-direction:column; gap:30px; padding:40px 20px; max-width:900px; margin:auto; }
.card { background: rgba(0,0,0,0.7); padding:25px 20px; border-radius:15px; box-shadow:0 0 20px rgba(0,0,0,0.5); opacity:0; transform: translateY(50px); animation: fadeInUp 1s ease forwards; }
.card h2 { color:#ff6a00; margin-bottom:10px; }
.card p, .card form { font-size:1rem; line-height:1.6; }
.card input { width:100%; padding:12px; margin:10px 0; border:none; border-radius:8px; }
.card button { padding:12px 20px; background:#ff6a00; color:#fff; border:none; border-radius:8px; font-weight:bold; cursor:pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card button:hover { transform:scale(1.05); box-shadow:0 0 15px #ff6a00; }

/* Footer */
footer { text-align:center; padding:20px; background: rgba(0,0,0,0.8); font-size:0.9rem; }
footer a { color:#ff6a00; margin:0 10px; text-decoration:none; }
footer a:hover { text-decoration:underline; }

/* Animations */
@keyframes fadeIn { from { opacity:0; transform: scale(0.9); } to { opacity:1; transform: scale(1); } }
@keyframes slideUp { from { opacity:0; transform: translateY(40px); } to { opacity:1; transform: translateY(0); } }
@keyframes fadeInUp { from { opacity:0; transform: translateY(50px); } to { opacity:1; transform: translateY(0); } }