*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto', sans-serif;background-color:#f8f9fa;color:#212529;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}h1, h2, h3, h4, h5, h6{font-family:'Poppins', sans-serif;font-weight:600;line-height:1.3}a{text-decoration:none;color:inherit;transition: transform 0.3s ease}:root{--primary:#6a11cb, opacity 0.3s ease}:root{--primary:#6a11cb, background-color 0.3s ease}:root{--primary:#6a11cb, color 0.3s ease}:root{--primary:#6a11cb, box-shadow 0.3s ease}:root{--primary:#6a11cb, border-color 0.3s ease}:root{--primary:#6a11cb;--primary-gradient:linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);--secondary:#2575fc;--accent:#ff6b6b;--success:#06d6a0;--warning:#ffd166;--danger:#ef476f;--dark:#2d3436;--light:#f8f9fa;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500: #7a8289;--gray-600: #54595e;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529}.navbar{background:var(--primary-gradient);color:white;box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);position:sticky;top:0;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:24px;align-items:center}.nav-link{padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:8px}.nav-link:hover{background:rgba(255, 255, 255, 0.2)}.nav-link.calculator-btn{background:white;color:var(--primary);font-weight:500}.nav-link.calculator-btn:hover{box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);transform:translateY(-2px)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:white;color:var(--gray-800);border-radius:8px;box-shadow:0 15px 40px rgba(0, 0, 0, 0.1);padding:8px 0;min-width:200px;display:none}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:8px 16px;color:var(--gray-700)}.dropdown-menu a:hover{background:var(--gray-100);color:var(--primary)}.mobile-menu-btn{display:none;background:none;border:none;color:white;font-size:1.5rem;cursor:pointer}.main-content{flex:1;padding:48px 0}.page-header{text-align:center;margin-bottom:48px}.page-icon{display:inline-flex;padding:16px;background:rgba(106, 17, 203, 0.1);border-radius:50%;margin-bottom:24px}.page-icon i{color:var(--primary);font-size:2rem}.page-header h1{font-size:3rem;color:var(--gray-800);margin-bottom:16px}.page-header p{font-size:1.25rem;color:var(--gray-600)}.page-meta{margin-top:24px;font-size:0.875rem;color:var(--gray-500)}.agreement-box{background:linear-gradient(135deg, #e6f7ff 0%, #b3e0ff 100%);border:2px solid #1890ff;padding:32px;border-radius:8px;margin:32px 0}.agreement-box h3{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--gray-800)}.agreement-box p{color:var(--gray-700);margin-bottom:16px}.terms-content{background:white;border-radius:20px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);padding:48px}.terms-content section{margin-bottom:48px}.terms-content h2{color:var(--dark);font-weight:700;font-size:1.875rem;margin:2em 0 1em;padding-bottom:0.5em;border-bottom:2px solid var(--gray-200)}.terms-content h3{color:var(--gray-700);font-weight:600;font-size:1.5rem;margin:1.5em 0 0.75em}.terms-content p{color:var(--gray-600);line-height:1.8;margin-bottom:1.5em}.terms-content ul{list-style-type:decimal;padding-left:1.5em;margin-bottom:1.5em;color:var(--gray-600)}.terms-content li{margin-bottom:0.75em;line-height:1.6}.contact-info{background:var(--gray-50);padding:32px;border-radius:12px;margin-top:24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:32px}.footer{background:var(--gray-900);color:white;padding-top:48px;padding-bottom:24px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:32px;margin-bottom:48px}.footer-section h4{font-size:1.125rem;margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--gray-400);display:flex;align-items:center;gap:8px}.footer-links a:hover{color:white}.newsletter{margin-bottom:24px}.newsletter-input{display:flex}.newsletter-input input{flex:1;padding:8px 12px;border:none;border-radius:8px 0 0 8px;outline:none;color:var(--gray-800)}.newsletter-input button{background:var(--primary);color:white;border:none;padding:8px 16px;border-radius:0 8px 8px 0;cursor:pointer;transition:background 0.3s ease}.newsletter-input button:hover{background:var(--secondary)}.social-links{display:flex;gap:16px;margin-top:16px}.social-link{width:40px;height:40px;background:var(--gray-800);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease}.social-link:hover{background:var(--primary)}.social-link.twitter:hover{background:#1da1f2}.social-link.instagram:hover{background:#e4405f}.social-link.linkedin:hover{background:#0077b5}.social-link.youtube:hover{background:#ff0000}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:24px;text-align:center}.footer-bottom p{color:var(--gray-400);margin-bottom:8px}.footer-features{display:flex;justify-content:center;gap:24px;margin-top:16px}.feature{display:inline-flex;align-items:center;gap:4px;font-size:0.75rem;color:var(--gray-500)}@media (max-width:768px){.navbar .container{padding:0 16px}.nav-links{display:none}.mobile-menu-btn{display:block}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.terms-content{padding:24px}.terms-content h2{font-size:1.5rem}.footer-grid{grid-template-columns:1fr}.footer-features{flex-direction:column;align-items:center;gap:8px}}.mobile-menu{position:fixed;top:64px;left:0;right:0;background:white;padding:24px;border-top:1px solid var(--gray-200);display:none;flex-direction:column;gap:16px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1)}.mobile-menu.active{display:flex}.mobile-menu a{padding:12px 16px;color:var(--gray-700);border-radius:8px;display:flex;align-items:center;gap:12px}.mobile-menu a:hover{background:var(--gray-100);color:var(--primary)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn 0.5s ease-in}.slide-up{animation:slideUp 0.3s ease-out}