* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: #ffffff; color: #333333; line-height: 1.6; min-height: 100vh; display: flex; flex-direction: column; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; flex: 1; } header { text-align: center; padding: 60px 0 40px; background: linear-gradient(135deg, rgba(0, 197, 196, 0.1) 0%, rgba(255, 255, 255, 0.8) 100%); border-radius: 10px; margin-bottom: 40px; position: relative; overflow: hidden; border: 1px solid rgba(0, 197, 196, 0.2); } header::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #000d3e, #00c5c4, #000d3e); } h1 { font-size: 3rem; margin-bottom: 15px; color: #000d3e; /* R0 G13 B62 */ text-shadow: 0 2px 5px rgba(0, 13, 62, 0.1); } .subtitle { font-size: 1.3rem; color: #555555; max-width: 700px; margin: 0 auto; font-weight: 400; } .policy-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px; } .policy-card { background-color: #f9f9f9; border-radius: 10px; padding: 30px; transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid rgba(0, 197, 196, 0.2); display: flex; flex-direction: column; height: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .policy-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); border-color: rgba(0, 197, 196, 0.5); background-color: #ffffff; } .card-icon { font-size: 2.8rem; margin-bottom: 20px; color: #00c5c4; /* R0 G197 B196 */ text-align: center; } .card-title { font-size: 1.5rem; margin-bottom: 15px; color: #000d3e; /* R0 G13 B62 */ border-bottom: 1px solid rgba(0, 197, 196, 0.3); padding-bottom: 10px; } .card-content { flex: 1; color: #444444; } .contact-section { background-color: rgba(0, 197, 196, 0.05); border-radius: 10px; padding: 40px; text-align: center; margin-top: 20px; border: 1px solid rgba(0, 197, 196, 0.3); } .contact-title { font-size: 1.8rem; margin-bottom: 20px; color: #000d3e; /* R0 G13 B62 */ } .contact-email { font-size: 1.4rem; color: #000d3e; background-color: rgba(0, 197, 196, 0.1); display: inline-block; padding: 12px 25px; border-radius: 50px; text-decoration: none; transition: all 0.3s ease; border: 1px solid #00c5c4; } .contact-email:hover { background-color: #00c5c4; color: #ffffff; transform: scale(1.05); } footer { text-align: center; padding: 20px; margin-top: 40px; color: #666666; font-size: 0.9rem; border-top: 1px solid rgba(0, 197, 196, 0.2); } .highlight { color: #00c5c4; /* R0 G197 B196 */ font-weight: 600; } .dark-blue { color: #000d3e; /* R0 G13 B62 */ font-weight: 600; } @media (max-width: 768px) { h1 { font-size: 2.2rem; } .subtitle { font-size: 1.1rem; } .policy-grid { grid-template-columns: 1fr; } .contact-email { font-size: 1.1rem; padding: 10px 20px; } }