.site-nav{display:flex;justify-content:center;gap:8px;padding:14px 18px;border-bottom:1px solid #44475a;background:#232530}
.site-nav a{padding:9px 22px;border-radius:9px;color:#c9c9d5;text-decoration:none;font-size:15px;font-weight:600}
.site-nav a:hover,.site-nav a[aria-current="page"]{background:#44475a;color:#fff}
.site-nav a:focus-visible{outline:2px solid #bd93f9;outline-offset:3px}
.contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;margin-top:40px;align-items:start}
.contact-intro{padding:18px 0}.contact-intro h2{font-size:32px;margin:12px 0}.contact-intro p{line-height:1.8}
.contact-eyebrow{color:#bd93f9;letter-spacing:2px;font-size:12px;font-weight:700}.contact-email{display:flex;gap:14px;align-items:center;margin:28px 0;padding:18px;background:#343746;border:1px solid #6272a4;border-radius:12px}
.contact-email>span{font-size:30px;color:#bd93f9}.contact-email strong,.contact-email a{display:block}.contact-email strong{font-size:13px;color:#c9c9d5}.contact-email a{font-size:18px;color:#8be9fd;overflow-wrap:anywhere}
.contact-hint{font-size:14px}.contact-form-card{margin:0}.contact-form-card h2{margin-bottom:20px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contact-form label{display:block;font-size:14px;font-weight:600;margin:16px 0 7px}#contact-form input,#contact-form textarea{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #727b9e;border-radius:8px;background:#282a36;color:#f8f8f2;font:15px/1.5 Arial,Helvetica,sans-serif}
#contact-form textarea{resize:vertical;min-height:170px}#contact-form input:focus,#contact-form textarea:focus{outline:2px solid #bd93f9;outline-offset:2px}
#contact-send{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:22px;padding:14px;border:0;border-radius:9px;background:#50fa7b;color:#282a36;font-size:16px;font-weight:700;cursor:pointer}#contact-send:hover:not(:disabled){background:#69ff94}#contact-send:focus-visible{outline:3px solid #bd93f9;outline-offset:3px}#contact-send:disabled{opacity:.6;cursor:default}
#contact-status{font-size:14px;line-height:1.6;margin:16px 0 0;overflow-wrap:anywhere}#contact-status.success{color:#50fa7b}#contact-status.error{color:#ffb6c7}.contact-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:720px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}.contact-intro{padding:0}.contact-intro h2{font-size:26px}.contact-email{margin:18px 0}.contact-fields{grid-template-columns:minmax(0,1fr);gap:0}}