*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;line-height:1.6;color:#1E293B;background-color:#F8FAFC;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.container{max-width:720px;margin:0 auto;padding:0 1rem}

/* Header */
.header{background:#fff;border-bottom:1px solid #E2E8F0;padding:1.5rem 0}
.header h1{font-size:1.5rem;font-weight:600;color:#0F172A;margin-bottom:0.5rem}
.header p{font-size:0.875rem;color:#64748B}

/* Hero */
.hero{padding:2rem 0;background:#fff;margin-bottom:1.5rem}
.hero h2{font-size:1.75rem;font-weight:700;color:#0F172A;margin-bottom:1rem;line-height:1.3}
.hero p{font-size:1.125rem;color:#475569;margin-bottom:1.5rem}
.hero-image{width:100%;max-width:400px;height:200px;background:#F1F5F9;border:2px dashed #CBD5E1;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:1.5rem auto;position:relative}
.hero-image svg{width:80px;height:80px;opacity:0.6}

/* How to verify */
.verify-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #E2E8F0}
.verify-section h3{font-size:1.25rem;font-weight:600;color:#0F172A;margin-bottom:1rem}
.verify-list{list-style:none}
.verify-list li{display:flex;align-items:flex-start;margin-bottom:0.75rem;padding-left:1.5rem;position:relative}
.verify-list li::before{content:'✓';position:absolute;left:0;color:#059669;font-weight:bold}

/* CTA Button */
.cta-section{text-align:center;padding:2rem;background:#fff;border-radius:12px;margin-bottom:1.5rem;border:1px solid #E2E8F0}
.cta-section p{margin-bottom:1.5rem;color:#475569}
.elementor-button{display:inline-block;padding:12px 24px;background:#3B82F6;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;font-size:1rem;transition:all 0.2s ease;border:none;cursor:pointer}
.elementor-button:hover{background:#2563EB;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}
.elementor-button:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}
.elementor-button-content-wrapper{display:flex;align-items:center;gap:0.5rem}

/* Mobile button styles */
@media (max-width: 639px){
    .elementor-button{padding:16px 32px;font-size:1.125rem;width:100%;max-width:320px;font-weight:600}
}

/* Why section */
.why-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #E2E8F0}
.why-section h3{font-size:1.25rem;font-weight:600;color:#0F172A;margin-bottom:1.5rem}
.cards-grid{display:grid;gap:1rem}
.card{padding:1rem;border:1px solid #E2E8F0;border-radius:8px;background:#F8FAFC}
.card-icon{width:40px;height:40px;background:#EFF6FF;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem}
.card-icon svg{width:20px;height:20px;color:#3B82F6}
.card h4{font-size:0.875rem;font-weight:600;color:#0F172A;margin-bottom:0.5rem}
.card p{font-size:0.8125rem;color:#64748B;line-height:1.4}

/* FAQ */
.faq-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #E2E8F0}
.faq-section h3{font-size:1.25rem;font-weight:600;color:#0F172A;margin-bottom:1.5rem}
.faq-item{margin-bottom:1.5rem}
.faq-item h4{font-size:1rem;font-weight:600;color:#0F172A;margin-bottom:0.5rem}
.faq-item p{font-size:0.9375rem;color:#475569}

/* Transparency */
.transparency{background:#FEF7CD;border:1px solid #FDE047;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}
.transparency h4{font-size:1rem;font-weight:600;color:#92400E;margin-bottom:0.75rem}
.transparency p{font-size:0.875rem;color:#92400E;margin-bottom:0.5rem}
.transparency a{color:#92400E;text-decoration:underline}

/* Footer */
.footer{background:#0F172A;color:#94A3B8;padding:2rem 0;text-align:center}
.footer-content{border-bottom:1px solid #334155;padding-bottom:1rem;margin-bottom:1rem}
.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}
.footer-links a{color:#94A3B8;text-decoration:none;font-size:0.875rem}
.footer-links a:hover{color:#fff}
.footer p{font-size:0.8125rem;margin-bottom:0.5rem}

/* Responsive */
@media (min-width: 640px){
    .container{padding:0 2rem}
    .cards-grid{grid-template-columns:repeat(2,1fr)}
    .hero h2{font-size:2.25rem}
    .hero-image{width:400px;height:240px}
}

@media (min-width: 768px){
    .cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
    .footer-links{gap:3rem}
}