:root{--color-page-bg:#f8f0e3;--color-card-bg:#fff;--color-text:#333;--color-text-secondary:#555;--color-text-muted:#666;--color-text-placeholder:#666;--color-primary:#1f7c83;--color-primary-hover:#166269;--color-primary-active:#0f4a4f;--color-border:#ccc;--color-divider:#e8f4f1;--color-surface-light:#e8f4f1;--color-surface-muted:#f8f9fa;--color-surface-input:#fff;--color-surface-disabled:#f5f5f5;--color-surface-code:#f5f5f5;--color-canvas-bg:#fafafa;--color-canvas-border:#ddd;--color-toggle-bg:#e0e0e0;--color-toggle-text:#5f5f5f;--color-toggle-hover:#ccc;--color-footer-bg:#333;--color-footer-text:white;--color-highlight:#ffd966;--color-warning:#e8913a;--color-warning-surface:#fdecd9;--color-warning-text:#8a4a0c;--shadow-card:0 4px 6px #0000001a;--shadow-elevated:0 4px 8px #0003;--shadow-modal:0 4px 20px #0003;--shadow-drag:0 8px 16px #0003;--color-overlay:#00000080;--color-candidate-hover-bg:#d0ebe5;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fca5a5;--color-detail-divider:#cfe3dd;--shadow-expanded-card:0 6px 20px #1f7c8329;--color-tone-1:#d1495b;--color-tone-2:#e08e2b;--color-tone-3:#2f8f4e;--color-tone-4:#3f6fd8;--color-tone-5:#9aa3a8}html[data-theme=dark]{--color-page-bg:#1a1a2e;--color-card-bg:#16213e;--color-text:#e0e0e0;--color-text-secondary:#b0b0b0;--color-text-muted:#999;--color-text-placeholder:#aaa;--color-primary:#1a8389;--color-primary-hover:#156d72;--color-primary-active:#11585c;--color-border:#3a3a5c;--color-divider:#2a2a4a;--color-surface-light:#1e2a4a;--color-surface-muted:#1a2240;--color-surface-input:#1e2a4a;--color-surface-disabled:#2a2a4a;--color-surface-code:#1e2a4a;--color-canvas-bg:#1e2a4a;--color-canvas-border:#3a3a5c;--color-toggle-bg:#2a2a4a;--color-toggle-text:#aaa;--color-toggle-hover:#3a3a5c;--color-footer-bg:#0f0f23;--color-footer-text:#e0e0e0;--color-highlight:#5c4d1a;--color-warning:#d9822b;--color-warning-surface:#3d2a14;--color-warning-text:#f3c28f;--shadow-card:0 4px 6px #0000004d;--shadow-elevated:0 4px 8px #0006;--shadow-modal:0 4px 20px #00000080;--shadow-drag:0 8px 16px #0006;--color-overlay:#000000b3;--color-candidate-hover-bg:#2a3a5c;--color-error:#f87171;--color-error-bg:#3b1212;--color-error-border:#7f1d1d;--color-detail-divider:#2f4166;--shadow-expanded-card:0 6px 22px #00000073;--color-tone-1:#ef7285;--color-tone-2:#f0b25a;--color-tone-3:#62c98a;--color-tone-4:#7fa4f5;--color-tone-5:#6b7480}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background:var(--color-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Noto Sans CJK TC,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s!important}footer{background-color:var(--color-footer-bg);width:100%;color:var(--color-footer-text);text-align:center;padding:10px 0;font-size:14px}footer p{margin:0}footer a{color:var(--color-footer-text);text-decoration:none}footer a:hover{text-decoration:underline}.global-error{text-align:center;place-content:center;gap:16px;min-height:100vh;padding:24px;display:grid}.global-error button{color:#fff;background:var(--color-primary);cursor:pointer;border:0;border-radius:6px;justify-self:center;padding:10px 18px}.theme-toggle{border:1px solid var(--color-footer-text);color:var(--color-footer-text);cursor:pointer;vertical-align:middle;opacity:.7;background:0 0;border-radius:4px;margin-left:12px;padding:2px 8px;font-size:16px;line-height:1;transition:opacity .2s}.theme-toggle:hover{opacity:1}.theme-toggle:focus-visible,.language-picker select:focus-visible,.global-error button:focus-visible{outline:3px solid var(--color-highlight);outline-offset:2px}.language-picker{align-items:center;gap:6px;margin-top:8px;display:inline-flex}.language-picker select{color:var(--color-text);background:var(--color-card-bg);border:1px solid var(--color-footer-text);border-radius:4px;padding:3px 6px}.privacy-settings{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.consent-banner{z-index:1000;width:min(440px,100% - 32px);color:var(--color-text);background:var(--color-card-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-modal);border-radius:10px;padding:18px;position:fixed;bottom:16px;right:16px}.consent-banner p{margin:8px 0 14px;line-height:1.5}.consent-banner a,.consent-banner button{text-decoration:underline}.consent-banner div{justify-content:flex-end;gap:10px;display:flex}.consent-banner button{color:var(--color-text);background:var(--color-surface-light);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:8px 14px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)scaleY(1)}to{opacity:0;transform:translate(36px)scaleY(.75)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes detailContentIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes detailContentOut{0%{opacity:1}to{opacity:0}}@keyframes tileRise{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmerTitle{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[lang=ar],html[lang=ur]{direction:rtl}html[lang=ar] input[type=email],html[lang=ur] input[type=email]{direction:ltr}
.contact-page{background-color:var(--color-page-bg);min-height:100vh;color:var(--color-text);justify-content:center;align-items:center;padding:20px;display:flex}.contact-card{width:100%;max-width:500px;box-shadow:var(--shadow-card);background:var(--color-card-bg);border-radius:10px;padding:20px}.contact-card h1{color:var(--color-primary);text-align:center;margin-bottom:10px;font-size:24px}.contact-card p{color:var(--color-text-secondary);text-align:center;margin-bottom:20px;font-size:16px}.message{text-align:center;border-radius:5px;margin-bottom:20px;padding:12px;font-size:14px}.message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-secondary);margin-bottom:5px;font-size:14px;display:block}.form-group input,.form-group textarea{border:1px solid var(--color-border);background:var(--color-surface-input);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:5px;padding:10px;font-size:16px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 5px #1f7c8380}.submit-button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;padding:10px 20px;font-size:16px;transition:background-color .3s}.submit-button:hover{background-color:var(--color-primary-hover)}.submit-button:focus{outline:none;box-shadow:0 0 5px #1f7c8380}.submit-button:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--color-surface-disabled);cursor:not-allowed;opacity:.7}.contact-honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cta-section{text-align:center;margin-top:30px;margin-bottom:10px}.cta-button{background-color:var(--color-primary);color:#fff;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .3s;display:inline-block}.cta-button:hover{background-color:var(--color-primary-hover)}