.auth-main{min-height:calc(100svh - 66px)}.auth-page{background:linear-gradient(#e3061309 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#e3061309 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 10% 15%,#e3061314,#0000 28%),#fafafa;min-height:calc(100svh - 66px);padding:clamp(1.25rem,3vw,3rem) 1rem}.auth-layout{background:#fffffff0;border:1px solid #1a1a1a14;border-radius:2rem;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);width:min(1180px,100%);min-height:min(710px,100svh - 126px);margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 26px 70px #1a1a1a1f}.auth-story{background:linear-gradient(145deg,#fff7f7,#fff 48%,#f5f5f5);flex-direction:column;min-width:0;padding:clamp(1.5rem,3.5vw,3.25rem);display:flex}.auth-story-image{background:#f3eeee;border:1px solid #e306131a;border-radius:1.6rem;min-height:270px;position:relative;overflow:hidden;box-shadow:0 18px 38px #1a1a1a17}.auth-story-image img{object-fit:cover}.auth-story-copy{margin-top:clamp(1.4rem,3vw,2.25rem)}.auth-eyebrow{color:#b80510;letter-spacing:.04em;text-transform:uppercase;background:#ffffffd1;border:1px solid #e3061329;border-radius:999px;align-items:center;gap:.5rem;min-height:34px;margin:0;padding:.35rem .8rem;font-size:.76rem;font-weight:800;display:inline-flex}.auth-eyebrow svg{width:16px;height:16px}.auth-story h1{color:#1a1a1a;letter-spacing:-.055em;text-wrap:balance;max-width:17ch;margin:1rem 0 0;font-size:clamp(2rem,3.8vw,3.55rem);font-weight:850;line-height:1.02}.auth-story-copy>p:last-child{color:#5f6368;max-width:58ch;margin:1rem 0 0;font-size:.98rem;line-height:1.7}.auth-panel{background:#fff;align-content:center;gap:1rem;padding:clamp(1.5rem,4vw,4.25rem);display:grid}.auth-card{background:#fff;border:1px solid #1a1a1a17;border-radius:1.5rem;width:100%;padding:clamp(1.35rem,3vw,2.25rem);position:relative;overflow:hidden;box-shadow:0 18px 46px #1a1a1a17}.auth-card:before{content:"";background:linear-gradient(90deg,#e30613,#b80510,#1a1a1a);height:5px;position:absolute;inset:0 0 auto}.auth-card-heading{text-align:center;margin-bottom:1.5rem}.auth-card-icon{color:#e30613;background:#fef2f2;border-radius:1rem;place-items:center;width:54px;height:54px;display:inline-grid;box-shadow:inset 0 0 0 1px #e306131a}.auth-card-icon svg{width:25px;height:25px}.auth-card-heading>p{color:#b80510;letter-spacing:.09em;text-transform:uppercase;margin:.85rem 0 0;font-size:.72rem;font-weight:800}.auth-card-heading h2{color:#1a1a1a;letter-spacing:-.035em;margin:.35rem 0 0;font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:850}.auth-card-heading>span:last-child{color:#696969;margin-top:.45rem;font-size:.88rem;line-height:1.55;display:block}.auth-form{gap:1.15rem;margin-top:1.15rem;display:grid}.auth-field{gap:.45rem;display:grid}.auth-field label{color:#252525;font-size:.86rem;font-weight:750}.auth-field input{background:#fff;border-radius:.8rem;height:48px;padding-inline:.9rem}.auth-label-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-label-row a,.auth-help a{color:#b80510;text-underline-offset:3px;font-size:.78rem;font-weight:750;text-decoration:underline}.auth-password-field{position:relative}.auth-password-field input{padding-right:3.4rem}.auth-password-field button{color:#565656;min-height:44px;position:absolute;top:2px;right:2px}.auth-field-error{color:#b80510;margin:0;font-size:.76rem;font-weight:700}.auth-field-help{color:#777;margin:0;font-size:.74rem}.auth-help{color:#777;text-align:center;margin:1.35rem 0 0;font-size:.76rem;line-height:1.5}.role-choice-page{background:radial-gradient(circle at 50% 0,#e306131a,#0000 35%),#fafafa;place-items:center;min-height:calc(100svh - 66px);padding:2rem 1rem;display:grid}.role-choice-card{text-align:center;background:#fff;border:1px solid #1a1a1a17;border-radius:2rem;width:min(760px,100%);padding:clamp(1.5rem,5vw,3.5rem);box-shadow:0 24px 64px #1a1a1a1c}.role-choice-card h1{color:#1a1a1a;letter-spacing:-.045em;margin:1rem 0 .45rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:850}.role-choice-card>p:not(.auth-eyebrow){color:#666;margin:0}.role-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:2rem;display:grid}.role-choice-button{text-align:left;justify-content:space-between;width:100%;min-height:76px;padding:1rem}.role-choice-button>span{align-items:center;gap:.75rem;display:flex}.role-choice-button>span svg{width:24px;height:24px}.role-choice-button[data-role=parent]>span svg{color:var(--success)}.role-choice-button[data-role=student]>span svg{color:var(--info)}.role-choice-button[data-role=teacher]>span svg{color:var(--warning)}.role-choice-button[data-role=admin]>span svg{color:var(--primary)}.role-choice-button:hover{border-color:color-mix(in srgb, currentColor 28%, var(--border));background:var(--muted)}@media (max-width:820px){.auth-page{background:#fff;padding:0}.auth-layout{min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:calc(100svh - 66px);padding:1rem 1rem 2.5rem}}@media (max-width:520px){.role-choice-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.auth-card *,.role-choice-card *{scroll-behavior:auto;transition-duration:.01ms!important}}