@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Noto+Sans+Sinhala:wght@400;600;700&family=Noto+Sans+Tamil:wght@400;600;700&display=swap";:root{--primary-dark-blue:#0a192f;--secondary-blue:#112240;--accent-red:#d90429;--accent-red-hover:#ef233c;--bg-light:#f8f9fa;--white:#fff;--text-main:#2b2d42;--text-muted:#6c757d;--border-color:#dee2e6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);font-family:Inter,Noto Sans Sinhala,Noto Sans Tamil,sans-serif;line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:0 20px}.header{background-color:var(--primary-dark-blue);z-index:100;padding:20px 0;position:sticky;top:0;box-shadow:0 4px 6px #0000001a}.header-content{justify-content:center;align-items:center;display:flex}.lang-selector{gap:15px;display:flex}.lang-btn{color:var(--white);cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:8px;padding:10px 25px;font-size:1.3rem;font-weight:700;transition:all .3s}.lang-btn:hover,.lang-btn.active{background:var(--accent-red);border-color:var(--accent-red)}.hero{text-align:center;background:var(--white);border-bottom:1px solid var(--border-color);padding:60px 20px 50px}.counter-wrapper{margin-bottom:40px}.signature-count{color:var(--accent-red);text-shadow:2px 2px 4px #0000001a;font-size:5.5rem;font-weight:800;line-height:1}.signature-text{color:var(--primary-dark-blue);text-transform:uppercase;letter-spacing:1px;margin-top:10px;font-size:1.8rem;font-weight:700}.hero-title{color:var(--primary-dark-blue);margin-bottom:25px;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-muted);max-width:800px;margin:0 auto 40px;font-size:1.6rem;font-weight:400}.cta-button{background:var(--accent-red);color:var(--white);cursor:pointer;border:none;border-radius:50px;padding:20px 50px;font-size:1.6rem;font-weight:700;transition:transform .3s,background .3s,box-shadow .3s;box-shadow:0 6px 20px #d9042966}.cta-button:hover{background:var(--accent-red-hover);transform:translateY(-3px);box-shadow:0 8px 25px #d9042980}.content-section{background:var(--bg-light);padding:70px 20px}.content-paragraph{color:var(--text-main);text-align:justify;margin-bottom:28px;font-size:1.3rem;line-height:1.8}.form-section{background:var(--white);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:80px 20px}.petition-form{background:var(--bg-light);border-radius:20px;max-width:800px;margin:0 auto;padding:50px;box-shadow:0 10px 40px #00000014}.form-title{color:var(--primary-dark-blue);text-align:center;margin-bottom:40px;font-size:2.8rem;font-weight:800}.form-row{gap:20px;margin-bottom:20px;display:flex}.form-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:25px}.form-label{color:var(--text-main);margin-bottom:10px;font-size:1.2rem;font-weight:600;display:block}.form-input,.form-textarea{border:2px solid var(--border-color);background:var(--white);border-radius:10px;width:100%;padding:16px;font-family:inherit;font-size:1.1rem;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:var(--primary-dark-blue);outline:none;box-shadow:0 0 0 4px #0a192f1a}.form-textarea{resize:vertical;min-height:150px}.checkbox-group{background:#0a192f0d;border-radius:10px;align-items:flex-start;gap:15px;margin:35px 0;padding:20px;display:flex}.checkbox-group input{width:24px;height:24px;accent-color:var(--primary-dark-blue);margin-top:4px}.checkbox-group label{color:var(--text-main);cursor:pointer;font-size:1.2rem;font-weight:600}.submit-btn{background:var(--primary-dark-blue);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:10px;padding:20px;font-size:1.5rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0a192f33}.submit-btn:hover{background:var(--secondary-blue);transform:translateY(-2px);box-shadow:0 6px 20px #0a192f4d}.submit-btn:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.status-msg{text-align:center;border-radius:10px;margin-bottom:25px;padding:20px;font-size:1.2rem;font-weight:600}.status-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.status-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.supporters-section{background:var(--bg-light);padding:80px 20px}.supporters-title{color:var(--primary-dark-blue);text-align:center;margin-bottom:50px;font-size:2.8rem;font-weight:800}.supporters-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;display:grid}.supporter-card{background:var(--white);border-top:5px solid var(--accent-red);border-radius:16px;padding:30px;transition:transform .3s;box-shadow:0 6px 15px #0000000a}.supporter-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.supporter-name{color:var(--primary-dark-blue);margin-bottom:8px;font-size:1.4rem;font-weight:700}.supporter-country{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;display:flex}.supporter-reason{color:var(--text-main);border-top:1px solid var(--border-color);padding-top:20px;font-size:1.2rem;font-style:italic;line-height:1.6}@media (width<=768px){.signature-count{font-size:4rem}.hero-title{font-size:2.5rem}.lang-btn{padding:8px 15px;font-size:1.1rem}.petition-form{padding:25px}.form-title{font-size:2.2rem}.form-row{flex-direction:column;gap:0}}