/* Atlobni - Contact page only */
.contact-page{background:#f5f9fb;min-height:calc(100vh - 70px);padding-bottom:70px}
.contact-hero{padding:58px 0 42px;background:linear-gradient(135deg,#eef8f5 0%,#f7fafc 52%,#eaf3f7 100%);border-bottom:1px solid #e3edf1;text-align:center}
.contact-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#08ad80;font-size:13px;font-weight:700;margin-bottom:10px}
.contact-eyebrow:before{content:"";width:28px;height:3px;border-radius:99px;background:#08ad80}
.contact-hero h1{margin:0;color:#0b2940;font-size:40px;line-height:1.2;font-weight:800}
.contact-hero p{max-width:650px;margin:12px auto 0;color:#647889;font-size:16px;line-height:1.9}
.contact-section{padding:42px 0 0}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;align-items:stretch}
.contact-form-card,.contact-info-card{border-radius:24px}
.contact-form-card{background:#fff;border:1px solid #e2ebef;box-shadow:0 16px 45px rgba(14,48,69,.08);padding:34px}
.contact-card-heading{margin-bottom:24px}
.contact-mini-label{color:#08ad80;font-size:13px;font-weight:800}
.contact-card-heading h2{margin:6px 0 5px;color:#0c2a40;font-size:27px}
.contact-card-heading p{margin:0;color:#718392;font-size:14px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.contact-field label{display:block;margin:0 0 8px;color:#19364b;font-size:13px;font-weight:700}
.contact-field .field{width:100%;min-height:50px;border:1px solid #d8e4ea;background:#fbfdfe;border-radius:12px;padding:13px 15px;color:#17354a;outline:none;transition:.2s}
.contact-field textarea.field{resize:vertical;min-height:150px;line-height:1.8}
.contact-field .field:focus{border-color:#08b486;box-shadow:0 0 0 4px rgba(8,180,134,.09);background:#fff}
.contact-field.full{grid-column:1/-1}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-submit{min-width:165px;margin-top:22px;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 24px;border:0;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer}
.contact-submit:hover{transform:translateY(-1px)}
.contact-alert{border-radius:12px;padding:13px 15px;margin:0 0 20px;font-size:13px;line-height:1.7}
.contact-alert.success{background:#eafaf4;color:#087a5d;border:1px solid #bfeedd}
.contact-alert.warning{background:#fff8e9;color:#8a6418;border:1px solid #f1dda6}
.contact-alert.error{background:#fff0f1;color:#b43843;border:1px solid #f1c9ce}
.contact-back{display:inline-flex;align-items:center;justify-content:center;background:#08ad80;color:#fff;border-radius:12px;padding:13px 22px;font-weight:800;text-decoration:none}
.contact-info-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#08283c,#0d354d 60%,#0b5b55);color:#fff;box-shadow:0 18px 48px rgba(7,38,56,.18);min-height:100%}
.contact-info-glow{position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(13,207,157,.16);filter:blur(8px);top:-110px;left:-90px}
.contact-info-inner{position:relative;z-index:1;padding:34px 30px;display:flex;flex-direction:column;height:100%}
.contact-info-icon{width:58px;height:58px;border-radius:17px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;margin-bottom:22px}
.contact-info-icon svg{width:28px;height:28px;fill:none;stroke:#19d19e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-info-label{font-size:12px;color:#54dfb7;font-weight:800}
.contact-info-inner h2{margin:6px 0 8px;font-size:28px}
.contact-info-inner>p{margin:0;color:#d5e2e8;font-size:13px;line-height:1.9}
.contact-info-list{display:grid;gap:11px;margin-top:26px}
.contact-info-row{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none}
.contact-info-row:hover{background:rgba(255,255,255,.11)}
.contact-row-icon{width:38px;height:38px;border-radius:11px;background:rgba(16,197,151,.16);display:grid;place-items:center;color:#42e0b7;font-size:17px;flex:none}
.contact-info-row span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.contact-info-row small{color:#a9c0cc;font-size:10px}
.contact-info-row strong{font-size:13px;overflow-wrap:anywhere}
.contact-info-bottom{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.1);color:#d7e6eb;font-size:11px}
.contact-info-bottom span:first-child{color:#4ee1b9;font-weight:800;font-size:16px}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr}.contact-info-card{order:-1;min-height:0}.contact-info-inner{padding:28px 24px}.contact-info-bottom{margin-top:24px}.contact-form-card{padding:26px}}
@media(max-width:560px){.contact-page{padding-bottom:35px}.contact-hero{padding:38px 0 30px}.contact-hero h1{font-size:30px}.contact-hero p{font-size:13px;line-height:1.8}.contact-section{padding-top:18px}.contact-layout{gap:15px}.contact-form-card{padding:20px;border-radius:18px}.contact-info-card{border-radius:18px}.contact-info-inner{padding:22px 18px}.contact-info-inner h2{font-size:23px}.contact-info-icon{width:50px;height:50px;border-radius:14px;margin-bottom:16px}.contact-info-list{margin-top:20px}.contact-fields{grid-template-columns:1fr;gap:14px}.contact-field.full{grid-column:auto}.contact-submit{width:100%;margin-top:18px}.contact-info-bottom{display:none}}