/* ===== contact page ===== */
.ct{background:#f4f2fb}
.ct-hero{position:relative;background:linear-gradient(135deg,#2b1d8f 0%,#5b3df5 55%,#7c5cff 100%);color:#fff;padding:56px 0 130px;overflow:hidden}
.ct-bg{position:absolute;inset:0;z-index:-1}.ct-bg i{position:absolute;border-radius:50%}
/* soft glows as radial gradients (no CSS blur filter: huge blur layers render a blank white page on some phones until you navigate back) */
.ct-bg .a{width:520px;height:520px;background:radial-gradient(circle,rgba(255,194,26,.30) 0,rgba(255,194,26,0) 68%);top:-200px;left:-160px}.ct-bg .b{width:560px;height:560px;background:radial-gradient(circle,rgba(0,212,180,.26) 0,rgba(0,212,180,0) 68%);bottom:-300px;right:-160px}
.ct-hero .crumbs{color:rgba(255,255,255,.8);margin-bottom:10px}.ct-hero .crumbs a{color:#fff}.ct-hero .crumbs b{color:#ffe38a}
.ct-hero h1{font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400;font-size:clamp(34px,5vw,60px);line-height:1.4;margin:0 0 10px;color:#fff}
.ct-hero p{max-width:640px;font-size:clamp(15px,1.7vw,19px);line-height:2.1;color:#e6e1ff;margin:0}
.ct-wrap{margin-top:-80px;position:relative;z-index:2;padding-bottom:70px}
/* big phone */
.ct-phone{display:flex;align-items:center;gap:22px;background:#fff;border-radius:30px;padding:14px 20px;box-shadow:0 30px 70px -35px rgba(43,29,143,.55);margin-bottom:22px;transition:.25s;border:1px solid #ece8fb}
.ct-phone:hover{transform:translateY(-3px);box-shadow:0 38px 80px -35px rgba(43,29,143,.7)}
.ct-phone .ic{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#5b3df5,#8b6cff);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 14px 30px -12px rgba(91,61,245,.8)}
.ct-phone .tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ct-phone small{color:#6b6a8f;font-size:15px;font-weight:700}
.ct-phone b{font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400;font-size:clamp(18px,2vw,24px);line-height:1.4;color:#1b1745;letter-spacing:1px;text-align:start}
.ct-phone .go{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffc21a,#ff9a3c);color:#2a1f00;font-weight:900;font-size:15px;padding:10px 22px;border-radius:999px;flex:none}
.ct-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}
/* form */
.ct-form{background:#fff;border-radius:30px;padding:34px;border:1px solid #ece8fb;box-shadow:0 20px 50px -35px rgba(43,29,143,.4);display:grid;gap:16px}
.ct-form h2{font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400;font-size:clamp(24px,3vw,34px);color:#1b1745;margin:0}
.ct-form .sub{color:#6b6a8f;margin:-8px 0 4px;line-height:1.9}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-form .field{display:grid;gap:6px}.ct-form label,.ct-form legend{font-weight:800;font-size:14px;color:#2b2a6b}
.ct-form input[type=text],.ct-form input[type=tel],.ct-form textarea{width:100%;border:1.5px solid #e4e0f7;background:#faf9ff;border-radius:16px;padding:14px 16px;font:600 15px Vazirmatn,sans-serif;color:#1b1745;transition:.2s}
.ct-form textarea{resize:vertical;min-height:130px}
.ct-form input:focus,.ct-form textarea:focus{outline:0;border-color:#5b3df5;background:#fff;box-shadow:0 0 0 4px rgba(91,61,245,.14)}
.ct-subj{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.ct-subj legend{margin-bottom:8px;padding:0;width:100%}
.ct-subj label{cursor:pointer}.ct-subj input{position:absolute;opacity:0;pointer-events:none}
.ct-subj span{display:inline-block;padding:9px 18px;border-radius:999px;border:1.5px solid #e4e0f7;background:#faf9ff;font-weight:700;font-size:14px;color:#4b4a82;transition:.2s}
.ct-subj input:checked+span{background:#5b3df5;border-color:#5b3df5;color:#fff;box-shadow:0 10px 22px -12px #5b3df5}
.ct-subj input:focus-visible+span{outline:3px solid rgba(91,61,245,.35);outline-offset:2px}
.ct-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;justify-self:start;min-width:220px}
.ct-form .note{margin:0;min-height:22px;color:#6b6a8f}
/* side */
.ct-side{display:grid;gap:16px}
.ct-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #ece8fb;border-radius:24px;padding:18px 20px;transition:.25s}
.ct-card:hover{transform:translateY(-2px);box-shadow:0 22px 44px -30px rgba(43,29,143,.5)}
.ct-card .ic{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;flex:none;background:#f4f1ff}
.ct-card .ic.pin{background:#eef2ff;color:#4338ca}
.ct-card small{color:#6b6a8f;font-weight:700;font-size:13px;display:block}.ct-card .tx{flex:1;min-width:0}
.ct-card b{font-size:20px;color:#1b1745;font-weight:900}.ct-card p{margin:2px 0 6px;color:#2b2a6b;line-height:1.9;font-size:14.5px}
.ct-card .tx a{color:#5b3df5;font-weight:800;font-size:13.5px}
.ct-ig{background:linear-gradient(135deg,#fff5e6,#fde8f3 55%,#efe6ff);border-color:#f3dcec}.ct-ig .ic{background:#fff}
.ct-card .go{color:#9a98c4;display:grid;place-items:center}
@media(max-width:980px){.ct-grid{grid-template-columns:1fr}.ct-phone{flex-wrap:wrap}.ct-phone .go{width:100%;justify-content:center}}
@media(max-width:560px){.ct-hero{padding:40px 0 110px}.ct-phone{padding:18px 16px;gap:14px;border-radius:24px}.ct-phone .ic{width:56px;height:56px;border-radius:18px}.ct-row{grid-template-columns:1fr}.ct-form{padding:22px 18px;border-radius:24px}.ct-form .btn{justify-self:stretch}}
.ct-ig b{font-family:system-ui,"Segoe UI",Arial,sans-serif;letter-spacing:.2px}