:root {
    --auth-bg: #f8f9fa;
    --auth-text: #212529;
    --auth-primary: #0056b3; /* Trust Blue */
    --auth-secondary: #ffffff;
    --auth-accent: #28a745; /* Verified Green */
    --auth-border: #dee2e6;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background-color: var(--auth-bg); color: var(--auth-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6; overflow-x: hidden;
}

.auth-container { max-width: 1000px; margin: 0 auto; padding: 0 20px;}

/* Header */
.auth-header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 20px 0; margin-bottom: 40px; border-bottom: 1px solid var(--auth-border);
}
.auth-brand {
    font-size: 24px; font-weight: 700; color: var(--auth-primary);
    display: flex; align-items: center; gap: 8px;
}
.auth-brand::before {
    content: '🛡️'; font-size: 24px;
}
.auth-nav { display: flex; gap: 25px; }
.auth-nav a {
    font-size: 15px; font-weight: 500; color: #495057; text-decoration: none;
    transition: color 0.2s;
}
.auth-nav a:hover, .auth-nav a.active { color: var(--auth-primary); }

/* Hero */
.auth-hero {
    text-align: center; margin-bottom: 60px; padding: 60px 20px;
    background: var(--auth-secondary); border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); border-top: 4px solid var(--auth-primary);
}
.auth-hero h1 {
    font-size: 36px; color: #212529; margin-bottom: 15px; font-weight: 700;
}
.auth-hero p { font-size: 18px; color: #6c757d; margin-bottom: 30px;}
.verified-badge {
    display: inline-flex; align-items: center; gap: 5px; background: #e6f4ea; color: #1e8e3e;
    padding: 8px 15px; border-radius: 20px; font-weight: bold; font-size: 14px;
    margin-bottom: 30px; border: 1px solid #c8e6c9;
}
.verified-badge::before { content: '✓'; font-weight: bold;}

.btn-auth {
    display: inline-block; padding: 14px 35px; font-size: 16px; font-weight: 600;
    color: #fff; background: var(--auth-primary); border-radius: 4px;
    text-decoration: none; transition: background 0.2s;
}
.btn-auth:hover { background: #004494; }

/* Features */
.auth-features { margin-bottom: 60px; }
.auth-features h2 { font-size: 24px; text-align: center; margin-bottom: 40px; color: #212529;}
.af-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.af-card {
    background: var(--auth-secondary); padding: 30px; border-radius: 8px;
    text-align: center; border: 1px solid var(--auth-border);
}
.af-icon { font-size: 36px; margin-bottom: 15px; color: var(--auth-primary);}
.af-card h3 { font-size: 18px; color: #212529; margin-bottom: 10px;}
.af-card p { font-size: 14px; color: #6c757d;}

/* Certification */
.auth-cert { margin-bottom: 60px; background: var(--auth-secondary); padding: 40px; border-radius: 8px; border: 1px solid var(--auth-border); text-align: center;}
.auth-cert h2 { font-size: 24px; margin-bottom: 20px; color: #212529;}
.auth-cert p { font-size: 15px; color: #495057; margin-bottom: 20px; max-width: 700px; margin-left: auto; margin-right: auto;}
.cert-logos { display: flex; justify-content: center; gap: 30px; font-size: 40px; color: #adb5bd;}

/* FAQ */
.auth-faq { margin-bottom: 80px; }
.auth-faq h2 { font-size: 24px; text-align: center; margin-bottom: 40px; color: #212529;}
.a-faq-item {
    background: var(--auth-secondary); padding: 20px; border-radius: 8px;
    margin-bottom: 15px; border: 1px solid var(--auth-border);
}
.a-fq { font-size: 16px; font-weight: 600; color: #212529; margin-bottom: 10px;}
.a-fa { font-size: 14px; color: #495057;}

footer {
    text-align: center; padding: 30px 0; color: #adb5bd; font-size: 14px;
}

@media (max-width: 768px) {
    .auth-header { flex-direction: column; gap: 15px; }
    .af-grid { grid-template-columns: 1fr; }
}