.DonguMenu-module__kCM0ba__menu{--menu-accent:var(--color-teal-deep);color:var(--color-ink)}.DonguMenu-module__kCM0ba__stage{isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"teacher parent""student student""engine counselor";gap:28px clamp(16px,4vw,64px);width:min(100%,860px);margin-inline:auto;display:grid}.DonguMenu-module__kCM0ba__card{border:1px solid var(--color-line);background:var(--color-paper);width:100%;min-width:0;box-shadow:0 5px 16px color-mix(in srgb, var(--color-navy) 5%, transparent);border-radius:18px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.DonguMenu-module__kCM0ba__card:hover,.DonguMenu-module__kCM0ba__card:focus-visible{border-color:var(--menu-accent);box-shadow:0 12px 24px color-mix(in srgb, var(--color-navy) 10%, transparent);transform:translateY(-4px)}.DonguMenu-module__kCM0ba__card[data-role=ogretmen]{grid-area:teacher}.DonguMenu-module__kCM0ba__card[data-role=veli]{grid-area:parent}.DonguMenu-module__kCM0ba__card[data-role=e-koc]{grid-area:engine}.DonguMenu-module__kCM0ba__card[data-role=rehber]{grid-area:counselor}.DonguMenu-module__kCM0ba__cardHeading{color:var(--color-paper);background:var(--color-navy);align-items:center;gap:12px;padding:16px 20px;display:flex}.DonguMenu-module__kCM0ba__card:not([data-role=ogretmen]) .DonguMenu-module__kCM0ba__cardHeading{background:var(--menu-accent)}.DonguMenu-module__kCM0ba__cardHeading h3{font-family:var(--font-bricolage), sans-serif;letter-spacing:-.02em;font-size:23px;font-weight:650}.DonguMenu-module__kCM0ba__cardHeading>svg{flex-shrink:0}.DonguMenu-module__kCM0ba__go{margin-left:auto;transition:transform .18s}.DonguMenu-module__kCM0ba__card:hover .DonguMenu-module__kCM0ba__go,.DonguMenu-module__kCM0ba__card:focus-visible .DonguMenu-module__kCM0ba__go{transform:translate(2px,-2px)}.DonguMenu-module__kCM0ba__cardBody{padding:16px 20px}.DonguMenu-module__kCM0ba__descriptor{color:var(--color-graphite);margin-bottom:12px;font-size:15px;line-height:1.5}.DonguMenu-module__kCM0ba__cardBody ul{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.DonguMenu-module__kCM0ba__cardBody li{align-items:center;gap:10px;padding:4px 0;font-size:14px;line-height:1.4;display:flex}.DonguMenu-module__kCM0ba__dot{background:var(--menu-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.DonguMenu-module__kCM0ba__center{grid-area:student;justify-self:center;width:min(100%,380px);position:relative}.DonguMenu-module__kCM0ba__wheel{aspect-ratio:1;width:100%;position:relative}.DonguMenu-module__kCM0ba__orbit{pointer-events:none;width:100%;height:100%;color:var(--color-navy);position:absolute;inset:0}.DonguMenu-module__kCM0ba__orbit>path{fill:none;stroke:currentColor;stroke-width:1.8px;opacity:.25;transition:opacity .2s}.DonguMenu-module__kCM0ba__orbit>path[data-active=true]{opacity:1}.DonguMenu-module__kCM0ba__student{z-index:0;border-radius:50%;width:60%;text-decoration:none;position:absolute;top:18%;left:20%}.DonguMenu-module__kCM0ba__photo{background:color-mix(in srgb, var(--color-teal) 6%, var(--color-paper));border-radius:50%;width:100%;height:auto;display:block}.DonguMenu-module__kCM0ba__studentLabel{white-space:nowrap;background:var(--color-navy);color:var(--color-paper);border-radius:12px;align-items:center;gap:12px;padding:12px 22px;font-size:19px;font-weight:650;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.DonguMenu-module__kCM0ba__student:hover .DonguMenu-module__kCM0ba__studentLabel,.DonguMenu-module__kCM0ba__student:focus-visible .DonguMenu-module__kCM0ba__studentLabel{background:var(--menu-accent)}.DonguMenu-module__kCM0ba__step{z-index:1;border:1px solid var(--color-line);background:var(--color-paper);width:72px;height:72px;color:var(--color-navy);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:background .18s,border-color .18s;display:flex;position:absolute}.DonguMenu-module__kCM0ba__step span{font-size:12px;font-weight:650}.DonguMenu-module__kCM0ba__step[aria-pressed=true]{border-color:var(--menu-accent);background:color-mix(in srgb, var(--color-teal) 10%, var(--color-paper));box-shadow:0 0 0 5px color-mix(in srgb, var(--color-teal) 7%, transparent)}.DonguMenu-module__kCM0ba__step:hover{border-color:var(--menu-accent)}.DonguMenu-module__kCM0ba__step[data-step=odev]{top:0;left:50%;transform:translate(-50%)}.DonguMenu-module__kCM0ba__step[data-step=deneme]{top:50%;right:0;transform:translateY(-50%)}.DonguMenu-module__kCM0ba__step[data-step=tekrar]{bottom:0;left:50%;transform:translate(-50%)}.DonguMenu-module__kCM0ba__step[data-step=calisma]{top:50%;left:0;transform:translateY(-50%)}.DonguMenu-module__kCM0ba__detail{text-align:center;min-height:66px;padding:16px 24px 0;font-size:15px;line-height:1.5}.DonguMenu-module__kCM0ba__detail strong{letter-spacing:.06em;margin-bottom:5px;font-size:12px;display:block}.DonguMenu-module__kCM0ba__detail span{color:var(--color-graphite)}@media (max-width:767px){.DonguMenu-module__kCM0ba__stage{gap:28px 16px}.DonguMenu-module__kCM0ba__cardHeading{gap:8px;padding:16px 12px}.DonguMenu-module__kCM0ba__cardHeading h3{font-size:20px}.DonguMenu-module__kCM0ba__cardHeading>svg{width:24px}.DonguMenu-module__kCM0ba__cardBody{padding:16px}.DonguMenu-module__kCM0ba__cardBody li,.DonguMenu-module__kCM0ba__descriptor{font-size:14px}.DonguMenu-module__kCM0ba__go{display:none}}@media (max-width:479px){.DonguMenu-module__kCM0ba__stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"teacher""parent""student""engine""counselor"}.DonguMenu-module__kCM0ba__step{aspect-ratio:1;gap:4px;width:20%;height:auto}.DonguMenu-module__kCM0ba__step svg{width:22px;height:22px}.DonguMenu-module__kCM0ba__step span{font-size:10px}.DonguMenu-module__kCM0ba__student{width:56%;left:22%}.DonguMenu-module__kCM0ba__studentLabel{border-radius:9px;gap:5px;padding:8px 10px;font-size:13px}.DonguMenu-module__kCM0ba__studentLabel svg{width:16px}.DonguMenu-module__kCM0ba__descriptor{min-height:0}.DonguMenu-module__kCM0ba__detail{padding:22px 12px 0;font-size:14px}}@media (prefers-reduced-motion:reduce){.DonguMenu-module__kCM0ba__menu *,.DonguMenu-module__kCM0ba__menu :before,.DonguMenu-module__kCM0ba__menu :after{transition:none!important;animation:none!important}.DonguMenu-module__kCM0ba__card:hover,.DonguMenu-module__kCM0ba__card:focus-visible,.DonguMenu-module__kCM0ba__card:hover .DonguMenu-module__kCM0ba__go,.DonguMenu-module__kCM0ba__card:focus-visible .DonguMenu-module__kCM0ba__go{transform:none}}@media (min-width:768px){.DonguMenu-module__kCM0ba__student{top:calc(18% + 2px)}.DonguMenu-module__kCM0ba__stage{width:100%;max-width:1120px;height:clamp(560px,100svh - 300px,620px);display:block;position:relative}.DonguMenu-module__kCM0ba__card{width:min(29.5%,300px);position:absolute}.DonguMenu-module__kCM0ba__card[data-role=ogretmen]{inset:0 auto auto 0}.DonguMenu-module__kCM0ba__card[data-role=veli]{inset:0 0 auto auto}.DonguMenu-module__kCM0ba__card[data-role=e-koc]{inset:auto auto 0 0}.DonguMenu-module__kCM0ba__card[data-role=rehber]{inset:auto 0 0 auto}.DonguMenu-module__kCM0ba__center{width:min(38%,320px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.DonguMenu-module__kCM0ba__stage{height:clamp(419px,100svh - 315px,620px)}.DonguMenu-module__kCM0ba__cardHeading{padding:12px 16px}.DonguMenu-module__kCM0ba__cardBody{padding:10px 16px}.DonguMenu-module__kCM0ba__descriptor{margin-bottom:6px;line-height:1.35}.DonguMenu-module__kCM0ba__cardBody ul{gap:0 14px}.DonguMenu-module__kCM0ba__cardBody li{padding-block:1px;line-height:1.35}}