:root{--primary-color: #1a1a1a;--secondary-color: #2979ff;--accent-color: #f44336;--success-color: #4CAF50;--text-color: #e0e0e0;--light-bg: #2d2d2d;--dark-bg: #121212;--card-bg: #1d1d1d;--border-color: #404040}.test-email-container{max-width:800px;margin:3rem auto;padding:0 1rem;color:var(--text-color)}.page-title{text-align:center;margin-bottom:2rem;color:#fff}.page-description{text-align:center;max-width:600px;margin:0 auto 2rem}.test-form-card{background:var(--card-bg);border-radius:8px;padding:2rem;margin-bottom:2rem}.form-section{margin-bottom:2rem}.section-title{font-size:1.3rem;margin-bottom:1.5rem;color:#fff;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:.75rem;border-radius:4px;border:1px solid var(--border-color);background:var(--light-bg);color:var(--text-color);font-size:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;text-decoration:none;transition:all .3s;text-align:center;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--secondary-color);color:#fff}.btn-primary:hover{background:#1e5ebd}.btn-accent{background:var(--accent-color);color:#fff}.btn-accent:hover{background:#d32f2f}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#388e3c}.btn-outline{border:1px solid var(--secondary-color);color:var(--secondary-color);background:transparent}.btn-outline:hover{background:#2979ff1a}.btn-block{display:block;width:100%}.email-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.email-option{background:var(--light-bg);border:1px solid var(--border-color);border-radius:4px;padding:1rem;cursor:pointer;transition:all .3s;text-align:center}.email-option:hover{border-color:var(--secondary-color);background:#2979ff1a}.email-option.selected{border-color:var(--secondary-color);background:#2979ff33}.email-option i{font-size:2rem;margin-bottom:.5rem;color:var(--secondary-color)}.email-option h3{margin-bottom:.5rem;font-size:1rem;color:#fff}.alert{padding:1rem;border-radius:4px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.alert-success{background:#4caf501a;border:1px solid var(--success-color);color:var(--success-color)}.alert-error{background:#f443361a;border:1px solid var(--accent-color);color:var(--accent-color)}.alert i{font-size:1.5rem}.sequence-info{background:#2979ff1a;border:1px solid var(--secondary-color);border-radius:4px;padding:1rem;margin-bottom:1.5rem}.sequence-info h3{color:#fff;margin-bottom:.5rem}.sequence-info ol{margin-left:1.5rem;margin-bottom:0}.sequence-info li{margin-bottom:.5rem}.response-area{display:none;margin-top:2rem}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:.5rem}@keyframes spin{to{transform:rotate(360deg)}}