:root{--contact-ink:#080a0b;--contact-blue:#16a9e8;--contact-yellow:#f2d221;--contact-paper:#fff;--contact-mist:#f3f7f8;--contact-muted:#5c656a}
body[data-helper-page] .contact-page{width:100%;color:var(--contact-ink);background:#fff;font-family:Onest,Arial,sans-serif}
body[data-helper-page] .contact-page *{box-sizing:border-box}
body[data-helper-page] .contact-page h1,body[data-helper-page] .contact-page h2,body[data-helper-page] .contact-page p{margin-top:0}
body[data-helper-page] .contact-page h1{margin-bottom:22px;font-size:clamp(50px,6.5vw,100px);line-height:.99;letter-spacing:-.055em;font-weight:700}
body[data-helper-page] .contact-page h2{margin-bottom:16px;font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-.04em;font-weight:700}
body[data-helper-page] .contact-wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}
body[data-helper-page] .contact-hero{padding:90px 0 84px;background:#fff}
body[data-helper-page] .contact-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:clamp(40px,8vw,128px);align-items:center}
body[data-helper-page] .contact-hero__copy{max-width:560px}
body[data-helper-page] .contact-kicker{margin-bottom:18px;color:#0879a9;font-size:13px;font-weight:800;line-height:1.3;letter-spacing:.15em;text-transform:uppercase}
body[data-helper-page] .contact-lede{max-width:520px;margin-bottom:30px;color:#3e484d;font-size:clamp(18px,1.5vw,22px);line-height:1.55}
body[data-helper-page] .contact-hero__art{min-height:390px;border-radius:24px;background:#090b0c url('/playrankuk/assets/figma/rectangle-1-4-1568-d260c4ac.webp') center/cover no-repeat;box-shadow:18px 18px 0 var(--contact-yellow)}
body[data-helper-page] .contact-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:14px 22px;border:2px solid transparent;border-radius:4px;color:#fff;text-decoration:none;font:700 15px/1.15 Onest,Arial,sans-serif;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
body[data-helper-page] .contact-button:hover{transform:translateY(-2px)}
body[data-helper-page] .contact-button--dark{background-color:#090b0c}
body[data-helper-page] .contact-button--blue{background-color:#087eae}
body[data-helper-page] .contact-button--outline{border-color:#090b0c;color:#090b0c;background-color:#fff}
body[data-helper-page] .contact-form-section{padding:84px 0 98px;background:var(--contact-mist)}
body[data-helper-page] .contact-form-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(40px,8vw,120px);align-items:start}
body[data-helper-page] .contact-section-heading{max-width:380px}
body[data-helper-page] .contact-section-heading>p:last-child,body[data-helper-page] .contact-detail-section p:not(.contact-kicker){color:#505b60;font-size:17px;line-height:1.6}
body[data-helper-page] .contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;padding:34px;border:1px solid #dce4e6;border-radius:12px;background:#fff;box-shadow:0 18px 55px rgb(20 49 59 / 8%)}
body[data-helper-page] .contact-field{display:flex;min-width:0;flex-direction:column;gap:8px}
body[data-helper-page] .contact-field--wide,body[data-helper-page] .contact-form__end,body[data-helper-page] .contact-form__status{grid-column:1/-1}
body[data-helper-page] .contact-field label{font-size:14px;font-weight:700}
body[data-helper-page] .contact-field input,body[data-helper-page] .contact-field select,body[data-helper-page] .contact-field textarea{width:100%;min-height:50px;border:1px solid #b8c4c8;border-radius:4px;padding:12px 14px;color:#111;background:#fff;font:400 16px/1.4 Onest,Arial,sans-serif}
body[data-helper-page] .contact-field textarea{min-height:150px;resize:vertical}
body[data-helper-page] .contact-field input:focus,body[data-helper-page] .contact-field select:focus,body[data-helper-page] .contact-field textarea:focus{outline:3px solid rgb(22 169 232 / 28%);border-color:#0786ba}
body[data-helper-page] .contact-field [aria-invalid="true"]{border-color:#b42318}
body[data-helper-page] .contact-hint{color:var(--contact-muted);font-size:13px;line-height:1.4}
body[data-helper-page] .contact-error{min-height:1px;color:#a51d18;font-size:13px;line-height:1.3}
body[data-helper-page] .contact-form__end{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}
body[data-helper-page] .contact-form__note{margin:0;color:#596267;font-size:13px;line-height:1.4}
body[data-helper-page] .contact-form__status{min-height:0;margin:0;color:#14532d;font-size:14px}
body[data-helper-page] .contact-detail-section{padding:76px 0;background:#fff}
body[data-helper-page] .contact-detail-section--dark{color:#fff;background:#090b0c}
body[data-helper-page] .contact-detail-section--dark .contact-kicker{color:var(--contact-yellow)}
body[data-helper-page] .contact-detail-section--dark h2{max-width:620px}
body[data-helper-page] .contact-detail-section--dark p:not(.contact-kicker){color:#c9d0d2}
body[data-helper-page] .contact-detail-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}
body[data-helper-page] .contact-phone{flex:none;color:#fff;font-size:clamp(24px,4vw,52px);font-weight:700;letter-spacing:-.04em;text-decoration:none;border-bottom:3px solid var(--contact-yellow);padding-bottom:7px}
body[data-helper-page] .contact-address-card{display:grid;grid-template-columns:90px 1fr auto;gap:28px;align-items:center;padding:38px 0}
body[data-helper-page] .contact-address-card__mark{display:grid;width:82px;height:82px;place-items:center;border-radius:50%;color:#111;background:var(--contact-yellow);font-size:22px;font-weight:800}
body[data-helper-page] .contact-address-card address{font-size:22px;font-style:normal;line-height:1.5}
body[data-helper-page] .contact-address-card__tag{padding:11px 15px;border:1px solid #cbd4d7;border-radius:99px;color:#29353a;font-size:13px;font-weight:700}
body[data-helper-page] .contact-detail-section--pale{background:#eaf7fc}
body[data-helper-page] .contact-guidance{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
body[data-helper-page] .contact-guidance>div:first-child{max-width:510px}
body[data-helper-page] .contact-guidance__steps{display:grid;gap:10px}
body[data-helper-page] .contact-guidance__step{display:flex;align-items:center;gap:20px;min-height:66px;padding:12px 18px;border-radius:7px;background:#fff}
body[data-helper-page] .contact-guidance__step span{color:#0783b6;font-size:14px;font-weight:800}
body[data-helper-page] .contact-guidance__step p{margin:0;color:#101719;font-size:16px;font-weight:700}
body[data-helper-page] .contact-last{padding-block:90px}
body[data-helper-page] .contact-last__inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
body[data-helper-page] .contact-last__inner>div{max-width:700px}
body[data-helper-page] .contact-last__inner p:not(.contact-kicker){color:#505b60;font-size:17px;line-height:1.6}
body[data-helper-page] .contact-page a:focus-visible,body[data-helper-page] .contact-page button:focus-visible{outline:3px solid #0d85b5;outline-offset:4px}
body[data-helper-page] [data-scroll-reveal]{opacity:1;transform:none}
body[data-helper-page] .reveal-pending{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
body[data-helper-page] .reveal-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){body[data-helper-page] .contact-button,body[data-helper-page] .reveal-pending,body[data-helper-page] .reveal-visible{scroll-behavior:auto;transition:none;transform:none;opacity:1}}
@media(max-width:850px){body[data-helper-page] .contact-wrap{width:min(100% - 48px,700px)}body[data-helper-page] .contact-hero{padding:62px 0 70px}body[data-helper-page] .contact-hero__grid{grid-template-columns:1fr;gap:42px}body[data-helper-page] .contact-hero__art{min-height:340px}body[data-helper-page] .contact-form-layout{grid-template-columns:1fr;gap:26px}body[data-helper-page] .contact-section-heading{max-width:600px}body[data-helper-page] .contact-guidance{grid-template-columns:1fr;gap:30px}}
@media(max-width:580px){body[data-helper-page] .contact-wrap{width:calc(100% - 40px)}body[data-helper-page] .contact-page h1{font-size:clamp(46px,14vw,68px)}body[data-helper-page] .contact-page h2{font-size:clamp(30px,9vw,42px)}body[data-helper-page] .contact-hero{padding:44px 0 54px}body[data-helper-page] .contact-hero__grid{gap:34px}body[data-helper-page] .contact-hero__art{min-height:260px;border-radius:16px;box-shadow:10px 10px 0 var(--contact-yellow)}body[data-helper-page] .contact-lede{font-size:17px}body[data-helper-page] .contact-form-section{padding:56px 0 64px}body[data-helper-page] .contact-form{grid-template-columns:1fr;gap:16px;padding:22px 18px}body[data-helper-page] .contact-field--wide,body[data-helper-page] .contact-form__end,body[data-helper-page] .contact-form__status{grid-column:1}body[data-helper-page] .contact-form__end{align-items:stretch;flex-direction:column}body[data-helper-page] .contact-form__end .contact-button{width:100%}body[data-helper-page] .contact-detail-section{padding:54px 0}body[data-helper-page] .contact-detail-grid,body[data-helper-page] .contact-last__inner{align-items:flex-start;flex-direction:column;gap:24px}body[data-helper-page] .contact-phone{font-size:clamp(25px,8vw,38px)}body[data-helper-page] .contact-address-card{grid-template-columns:64px 1fr;gap:18px;padding:8px 0}body[data-helper-page] .contact-address-card__mark{width:60px;height:60px;font-size:17px}body[data-helper-page] .contact-address-card address{font-size:18px}body[data-helper-page] .contact-address-card__tag{grid-column:1/-1;justify-self:start}body[data-helper-page] .contact-guidance__step{gap:14px;padding:12px 14px}}
