@charset "UTF-8";

.registration-page .site-header{min-height:98px;position:sticky;top:0;z-index:10;background:var(--paper)}
.registration-header-actions{display:flex;gap:20px;align-items:center}.registration-header-actions .text-button{margin:0;text-decoration:none}
.registration-main{padding:28px 0 40px}
.registration-breadcrumb ol{display:flex;align-items:center;gap:12px;padding:0;margin:0 0 35px;list-style:none;font-size:12px;color:var(--muted)}
.registration-breadcrumb a{color:var(--teal);text-decoration:none}
.registration-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.registration-intro{max-width:850px}
.registration-intro h1{font-size:clamp(30px,4vw,45px);letter-spacing:-1.6px;line-height:1.16;margin:16px 0 20px}
.registration-description{font-size:15px;color:#5e6d60;line-height:1.8;max-width:760px;margin-bottom:12px}
.registration-help{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.registration-steps{display:flex;flex-wrap:wrap;gap:16px 30px;padding:0;margin:27px 0 26px;list-style:none;font-size:12px;font-weight:500;color:#5e6d60}
.registration-steps li{display:flex;align-items:center;gap:10px}
.registration-steps li>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#eaf0d9;color:var(--teal);font-size:11px;font-weight:650}
.registration-panel{overflow:hidden;border-radius:18px}
.registration-panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid var(--line)}
.registration-panel-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;line-height:1.6;letter-spacing:0;font-weight:600}
.registration-frame-status{font-size:10px;line-height:1.6;color:var(--muted);white-space:nowrap}
.registration-frame{display:block;width:100%;height:880px;min-height:760px;border:0;background:#fff}
.registration-frame-fallback{padding:16px 22px;background:#f0f3e7;border-bottom:1px solid var(--line);font-size:12px;color:#5e6d60}
.registration-frame-fallback p{margin-bottom:8px}
.registration-frame-fallback a{display:inline-flex;color:var(--teal)}
.registration-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 0}
.registration-bottom>p{max-width:340px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.registration-actions{display:flex;flex-wrap:wrap;gap:10px}

@media(max-width:760px){
  .registration-page .site-header{min-height:82px}
  .registration-header-actions{flex-direction:column-reverse;gap:4px;align-items:stretch}.registration-header-actions .button{font-size:10px;min-height:34px;padding:7px 11px}.registration-header-actions .text-button{font-size:10px;text-align:center}
  .registration-page .brand img{width:36px;height:36px}
  .registration-page .city-chip{font-size:10px}
  .registration-main{padding:22px 0 30px}
  .registration-breadcrumb ol{margin-bottom:27px;font-size:11px}
  .registration-intro h1{font-size:32px;letter-spacing:-1.2px;margin:15px 0 18px}
  .registration-description{font-size:13px;line-height:1.8}
  .registration-help{font-size:11px;line-height:1.8}
  .registration-steps{gap:12px 20px;margin:23px 0;font-size:11px}
  .registration-steps li{gap:8px}
  .registration-steps li>span{width:25px;height:25px}
  .registration-panel{border-radius:14px}
  .registration-panel-header{align-items:flex-start;flex-direction:column;gap:5px;padding:15px 16px}
  .registration-panel-header h2{font-size:11px}
  .registration-frame{height:880px;min-height:720px}
  .registration-frame-fallback{padding:15px 16px;font-size:11px}
  .registration-bottom{align-items:flex-start;flex-direction:column;gap:17px;padding-top:20px}
  .registration-bottom>p{max-width:none;font-size:11px}
  .registration-actions{width:100%;flex-direction:column}
  .registration-actions .button{width:100%}
}

@media(max-width:380px){
  .registration-page .city-chip{display:none}
  .registration-intro h1{font-size:29px}
  .registration-steps{gap:10px 16px}
}