.registration-board{padding:60px 0 48px;background:#eef0e8;scroll-margin-top:110px}
.board-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:23px}
.board-header .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.board-dot{width:7px;height:7px;border-radius:50%;background:#b77237;box-shadow:0 0 0 5px #b7723710}
.board-header h2{font-size:clamp(29px,3.1vw,40px);letter-spacing:-1.3px;font-weight:500;line-height:1.16}
.board-header h2 em{font-style:normal;color:#75846a}
.board-header>p{font-size:13px;color:#62705d;line-height:1.8;margin:0;max-width:355px}
.board-guide{display:flex;align-items:center;gap:28px;margin:0 0 24px;color:#52634b;font-size:12px;line-height:1.5}
.board-guide>span{display:flex;align-items:center;gap:9px}
.board-guide b{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#e2e7d9;color:#617256;font-size:10px;font-weight:600}
.board-cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.board-city-group{--city-accent:#24493d;--city-hover:#173b30;--city-tint:#e8efe8;--city-line:#cfddd0;--city-muted:#526f5b;min-width:0;border:1px solid var(--city-line);border-radius:14px;background:var(--city-tint);overflow:hidden;box-shadow:0 10px 28px #243f3207}
.board-city-group[data-city="İstanbul"]{--city-accent:#214e66;--city-hover:#143d54;--city-tint:#e9eff3;--city-line:#cddce5;--city-muted:#526f83}
.board-city-heading{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:var(--city-accent);color:#fff;overflow:hidden}
.board-city-heading:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-40px;top:-82px;width:245px;height:245px;border-radius:50%;border:1px solid #ffffff16;box-shadow:0 0 0 29px #ffffff05,0 0 0 58px #ffffff03}
.board-city-identity{display:flex;align-items:center;gap:16px;min-width:0}
.board-city-code{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:60px;height:67px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff09;font-size:29px;letter-spacing:-1px;font-weight:600;line-height:1}
.board-city-eyebrow{display:block;font-size:9px;letter-spacing:1.7px;font-weight:600;color:#e0e8e1;margin-bottom:6px}
.board-city-heading h3{font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-.7px;margin:0}
.city-location-note{font-size:11px;color:#dce6df;line-height:1.5;margin:6px 0 0}
.board-city-count{font-size:10px;font-weight:500;white-space:nowrap;padding:7px 10px;border:1px solid #ffffff26;border-radius:20px;background:#ffffff08;color:#ecf1ed;align-self:flex-start}
.period-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:13px}
.period-card{min-width:0;background:#fffefa;border:1px solid var(--city-line);border-radius:9px;overflow:hidden;box-shadow:0 2px 5px #1d392503;transition:border-color .2s,box-shadow .2s}
.period-card[data-available="true"]:hover{border-color:var(--city-muted);box-shadow:0 5px 16px #243f320a}
.period-card[data-available="false"]{background:#f7f8f3}
.period-body{padding:15px 17px;display:flex;flex-direction:column;min-width:0}
.period-heading{display:flex;align-items:center;justify-content:space-between;gap:10px 12px}
.period-title-group{min-width:0}
.period-city-label{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.4;font-weight:600;color:var(--city-muted);margin-bottom:5px}
.period-city-label .icon{width:12px;height:12px;stroke-width:1.8}
.period-heading h4{font-size:18px;letter-spacing:-.4px;line-height:1.35;font-weight:600;color:var(--city-accent);margin:0;overflow-wrap:anywhere}
.period-badges{display:flex;align-items:flex-end;flex-direction:column;gap:5px;flex-shrink:0}
.period-badges>span{font-size:9px;line-height:1.4;padding:4px 8px;border-radius:50px;font-weight:500;white-space:nowrap}
.period-example{background:#f7ebd9;color:#8e6034}
.period-status.closed,.period-status.complete{background:#e8ebe3;color:#64705b}
.period-status.open,.period-status.upcoming{background:var(--city-tint);color:var(--city-accent)}
.period-status.full{background:#f7e6df;color:#9a5037}
.period-timeline{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;margin:12px 0 8px;padding-top:11px;border-top:1px solid #e3e7df}
.period-timeline>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.period-timeline>div>span{font-size:11px;color:#71806b;line-height:1.4}
.period-timeline strong{font-size:14px;letter-spacing:-.2px;font-weight:500;line-height:1.4;color:#334b3a;overflow-wrap:anywhere}
.period-timeline small{font-size:10px;color:#7b8973;line-height:1.4}
.period-details{font-size:11px;color:#65775c;margin:0 0 9px}
.period-details>summary{display:flex;align-items:center;gap:7px;width:fit-content;cursor:pointer;line-height:1.6;padding:2px 0;color:var(--city-muted)}
.period-details>summary:after{content:'+';display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:15px;line-height:1;font-weight:400;transition:transform .2s}
.period-details[open]>summary:after{transform:rotate(45deg)}
.period-details>summary:hover{color:var(--city-accent)}
.period-details>summary:focus-visible{outline:2px solid var(--city-accent);outline-offset:4px;border-radius:2px}
.period-note{font-size:12px;color:#68765e;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;margin:8px 0 2px}
.period-bottom{margin-top:auto;padding-top:10px;border-top:1px solid #e3e7df;display:flex;align-items:center;justify-content:space-between;gap:12px}
.period-quota{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;min-width:0}
.period-quota>span{flex-basis:100%;font-size:10px;color:#6e7c64;line-height:1.4}
.period-quota strong{font-size:25px;font-weight:600;letter-spacing:-.6px;color:var(--city-accent);line-height:1.1}
.period-quota small{font-size:10px;color:#6c7a62;line-height:1.2}
.period-quota.full strong{color:#8b6951}
.period-quota.unknown{display:block}
.period-quota.unknown strong{display:block;font-size:12px;letter-spacing:0;line-height:1.5;color:#6b7a63;font-weight:500;margin-top:3px}
.period-bottom .button{background:var(--city-accent);color:#fff;font-size:11px;font-weight:600;line-height:1.4;min-height:43px;padding:11px 14px;gap:12px;flex-shrink:0;justify-content:space-between;border-radius:6px}
.period-bottom .button:hover{background:var(--city-hover);box-shadow:0 5px 12px #1d392515;transform:translateY(-1px)}
.period-bottom .button:focus-visible{outline-color:var(--city-accent);outline-offset:3px}
.period-bottom .button .icon{width:15px;height:15px}
.period-bottom .period-unavailable:disabled{background:#e6e9e1;color:#68765f;opacity:1;cursor:not-allowed;justify-content:center;box-shadow:none;transform:none}
.board-footnote{margin:18px 0 0;font-size:11px;color:#718067;line-height:1.7}
.period-empty{grid-column:1/-1;padding:28px 20px;border:1px dashed var(--city-line);border-radius:8px;background:#ffffff70;text-align:center}
.period-empty strong{font-size:17px;font-weight:500}
.period-empty p{font-size:12px;color:#7e8974;line-height:1.7}
.period-empty a{justify-content:center}
.period-card[hidden],.period-empty[hidden]{display:none}

/* Form selection uses the same city identity as the period board. */
.period-select-field{padding-bottom:6px}.period-select-field select{font-weight:500}.period-selection-note{font-size:10px;line-height:1.75;color:#7d8971;margin:9px 0 0}.period-selection-note.warning{color:#9e6238;background:#f9eedc;border-radius:4px;padding:10px 12px}.period-selection-note.selected{background:#edf2e4;border-left:2px solid #a2b187;padding:10px 12px;color:#60764b}.city-select-field select{font-weight:600}.application-form select:disabled{background:#f0f2eb;color:#8d9684;cursor:not-allowed}.city-select-field{margin-bottom:22px}
.application-selection{--selection-accent:#5d6f53;--selection-tint:#edf0e7;--selection-line:#d5ddca;position:relative;border:1px solid var(--selection-line);border-left:4px solid var(--selection-accent);border-radius:8px;background:var(--selection-tint);padding:18px 19px;margin:0 0 24px;color:var(--selection-accent)}
.application-selection[data-city="Ankara"]{--selection-accent:#24493d;--selection-tint:#e8efe8;--selection-line:#cfddd0}
.application-selection[data-city="İstanbul"]{--selection-accent:#214e66;--selection-tint:#e9eff3;--selection-line:#cddce5}
.selection-kicker{display:block;font-size:9px;letter-spacing:1.2px;font-weight:700;line-height:1.5;margin-bottom:7px}
#selection-city{display:block;font-size:29px;font-weight:600;letter-spacing:-.8px;line-height:1.2}
#selection-period{display:block;font-size:14px;font-weight:600;line-height:1.5;margin-top:7px;overflow-wrap:anywhere}
.selection-help{font-size:11px;line-height:1.6;margin:8px 0 0;color:var(--selection-accent)}
.selection-main{display:flex;align-items:flex-start;gap:13px}.selection-main>div{min-width:0}.selection-main>.icon{width:27px;height:27px;flex-shrink:0;margin-top:3px;opacity:.75}.selection-help[hidden]{display:none}
.application-form .city-confirmation{padding:14px;background:#f0f3e9;border:1px solid #d7dfcc;border-radius:7px;margin:6px 0 17px;font-size:11px;line-height:1.7;align-items:flex-start}
.city-confirmation input{flex-shrink:0;margin-top:3px;accent-color:#24493d}
#selection-confirmation-text{display:block;font-size:12px;line-height:1.65;color:#294735;margin-bottom:6px;font-weight:600}

@media(max-width:1100px){.board-header>p{max-width:300px}.board-header>p br{display:none}.board-cities{gap:18px}.board-city-heading{padding:20px}.board-city-count{padding:6px 8px;font-size:9px}.period-body{padding:14px}.period-heading h4{font-size:17px}.period-bottom{gap:9px}.period-bottom .button{gap:9px;padding-inline:11px}.period-badges>span{font-size:8px;padding:4px 7px}}
@media(max-width:900px) and (min-width:801px){.board-city-heading{padding:18px 16px}.board-city-code{width:47px;height:59px;font-size:26px}.board-city-identity{gap:11px}.board-city-heading h3{font-size:27px}.board-city-count{display:none}.period-heading{flex-wrap:wrap;gap:7px}.period-badges{flex-direction:row;align-items:center;flex-wrap:wrap}.period-bottom .button{font-size:10px;padding-inline:9px}.period-bottom .button .icon{width:13px;height:13px}.period-cards{padding:10px}}
@media(max-width:800px){.registration-board{padding:44px 0 38px}.board-header{display:block;margin-bottom:20px}.board-header>p{margin-top:14px;max-width:none}.board-guide{gap:18px;margin-bottom:22px}.board-cities{grid-template-columns:minmax(0,1fr);gap:24px}.board-city-heading{padding:21px}.period-body{padding:15px 17px}.period-heading h4{font-size:18px}.period-badges>span{font-size:9px}.period-timeline{grid-template-columns:1fr 1fr;gap:16px}.period-bottom .button{padding-inline:14px;gap:12px}}
@media(max-width:540px){.board-header h2{letter-spacing:-1px}.board-guide{align-items:flex-start;gap:10px;font-size:10px}.board-guide>span{flex:1;align-items:flex-start;gap:6px}.board-guide b{width:20px;height:20px;font-size:8px}.board-city-heading{padding:18px}.board-city-code{width:49px;height:60px;font-size:27px}.board-city-identity{gap:13px}.board-city-heading h3{font-size:28px}.board-city-eyebrow{font-size:8px}.board-city-count{font-size:9px;padding:6px 8px}.period-cards{padding:9px;gap:10px}.period-body{padding:13px}.period-heading{align-items:flex-start;gap:8px}.period-heading h4{font-size:16px}.period-city-label{font-size:9px}.period-badges>span{font-size:8px;padding:4px 6px}.period-timeline{gap:10px}.period-timeline strong{font-size:13px}.period-bottom{gap:8px}.period-bottom .button{font-size:10px;gap:8px;padding:10px;min-height:43px}.period-quota strong{font-size:24px}.period-quota.unknown strong{font-size:11px}.board-footnote{font-size:10px}.city-select-field{margin-bottom:20px}.application-selection{padding:16px;margin-bottom:21px}.selection-kicker{font-size:8px;letter-spacing:1px}#selection-city{font-size:27px}#selection-period{font-size:13px}.application-form .city-confirmation{padding:12px;font-size:10px}#selection-confirmation-text{font-size:11px}}
@media(max-width:390px){.board-city-count{display:none}.period-heading{flex-wrap:wrap;gap:7px}.period-badges{flex-direction:row;align-items:center;flex-wrap:wrap}.period-bottom .button{font-size:10px;padding-inline:9px;gap:6px}.period-bottom .button .icon{width:13px;height:13px}.period-quota.unknown strong{max-width:94px}.board-guide{gap:8px}.board-guide>span{flex-direction:column;gap:5px}}
@media(max-width:350px){.period-bottom{align-items:stretch;flex-direction:column}.period-quota{align-items:baseline;gap:6px}.period-quota>span{flex-basis:auto}.period-quota.unknown{display:flex;align-items:center;justify-content:space-between}.period-quota.unknown strong{margin:0;max-width:none}.period-bottom .button{width:100%}}
@media(prefers-reduced-motion:reduce){.period-card,.period-bottom .button,.period-details>summary:after{transition:none}.period-bottom .button:hover{transform:none}}

.application-form[data-city="Ankara"] .submit-button{background:#24493d;color:#fff}.application-form[data-city="Ankara"] .submit-button:hover{background:#173b30}.application-form[data-city="İstanbul"] .submit-button{background:#214e66;color:#fff}.application-form[data-city="İstanbul"] .submit-button:hover{background:#143d54}.application-form[data-city="İstanbul"] .city-confirmation{background:#e9eff3;border-color:#cddce5}.application-form[data-city="İstanbul"] #selection-confirmation-text{color:#214e66}.application-form[data-city="İstanbul"] .city-confirmation input{accent-color:#214e66}