.student-flow-progress{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 24px}.student-flow-progress>div{display:flex;gap:8px}.student-flow-progress span{width:34px;height:5px;border-radius:99px;background:rgba(100,116,139,.18);transition:.2s ease}.student-flow-progress span.active{background:var(--accent,#2663eb);transform:scaleX(1.08)}.student-flow-progress span.done{background:rgba(38,99,235,.42)}.student-flow-progress strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#667085)}
.student-flow-step{display:grid;gap:16px;animation:student-step-in .2s ease}.student-flow-field{margin:0}.student-flow-hint{margin:-4px 0 2px;color:var(--muted,#667085);font-size:12px;line-height:1.55}.student-flow-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.student-flow-actions .btn{min-width:124px}.academic-dependent{display:grid;gap:16px}.password-strength{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:6px;margin-top:-5px}.password-strength span{height:5px;border-radius:99px;background:rgba(100,116,139,.16)}.password-strength strong{min-width:58px;text-align:end;font-size:12px;color:var(--muted,#667085)}.password-strength[data-password-strength="medium"] span:nth-child(-n+2),.password-strength[data-password-strength="strong"] span{background:var(--accent,#2663eb)}.password-strength[data-password-strength="strong"] strong{color:#15803d}.password-strength[data-password-strength="medium"] strong{color:var(--accent,#2663eb)}
@keyframes student-step-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.student-profile-v2{width:min(1120px,100%);margin:0 auto;padding:12px 0 44px}.student-profile-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.student-profile-heading h1{margin:5px 0 7px;font-size:clamp(28px,4vw,46px);letter-spacing:-.04em}.student-profile-heading p{margin:0;color:var(--muted,#667085)}.student-photo-action{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid rgba(100,116,139,.2);border-radius:14px;background:rgba(255,255,255,.7);font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.06)}.student-photo-action input{position:absolute;inset:0;opacity:0;cursor:pointer}.student-profile-grid{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,.95fr);gap:26px;align-items:start}.student-card-panel{min-width:0}.student-card-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.student-card-title strong{font-size:15px}.student-card-title span{font-size:12px;color:var(--muted,#667085)}
.student-id-card{display:block;width:100%;aspect-ratio:1.586/1;padding:0;border:0;background:transparent;perspective:1400px;cursor:pointer;text-align:inherit;color:inherit}.student-card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.75,.2,1)}.student-id-card.flipped .student-card-inner{transform:rotateY(180deg)}.student-card-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:28px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 28px 70px rgba(15,23,42,.22);isolation:isolate}.student-card-face::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.3),transparent 28%),linear-gradient(118deg,transparent 30%,rgba(255,255,255,.09) 48%,transparent 62%);transform:rotate(-6deg);z-index:-1}.student-card-front{padding:28px;background:linear-gradient(145deg,#0b1220 0%,#13294b 46%,#2352ad 100%);color:#fff}.student-card-back{padding:28px;background:linear-gradient(145deg,#101828 0%,#1d2939 54%,#0f172a 100%);color:#fff;transform:rotateY(180deg)}.student-card-brand{font-family:Manrope,system-ui,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.03em}.student-card-avatar{width:88px;height:88px;margin-top:auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(219,234,254,.92));color:#1d4ed8;font:800 34px/1 Manrope,sans-serif;border:1px solid rgba(255,255,255,.4);box-shadow:0 14px 35px rgba(0,0,0,.2)}.student-card-avatar img{width:100%;height:100%;object-fit:cover}.student-card-name{margin-top:16px;font:800 clamp(22px,4vw,32px)/1.05 Manrope,sans-serif;letter-spacing:-.035em}.student-card-school{margin-top:8px;font-size:14px;font-weight:650;opacity:.94}.student-card-meta{margin-top:5px;font-size:12px;opacity:.72}.student-card-chip{position:absolute;right:26px;top:27px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(255,255,255,.09);font-size:10px;font-weight:800;letter-spacing:.14em}.student-secret-block{display:grid;gap:8px;margin-top:28px}.student-secret-block:first-of-type{margin-top:auto}.student-secret-block small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.62}.student-secret-block strong{font:700 clamp(18px,4vw,27px)/1.1 'DM Sans',system-ui,sans-serif;letter-spacing:.14em;font-variant-numeric:tabular-nums}.student-card-security{margin-top:auto;font-size:11px;letter-spacing:.11em;text-transform:uppercase;opacity:.5}.student-reveal-id{margin-top:13px;border:0;background:transparent;color:var(--accent,#2663eb);font-weight:750;cursor:pointer;padding:7px 2px}.student-profile-muted{font-size:12px;color:var(--muted,#667085)}
.student-profile-details{display:grid;gap:16px}.student-profile-details article{padding:22px;border:1px solid rgba(100,116,139,.14);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 14px 38px rgba(15,23,42,.06)}.student-profile-details article>span{display:block;margin-bottom:16px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#667085)}.student-profile-details dl{display:grid;gap:12px;margin:0}.student-profile-details dl>div{display:flex;align-items:start;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid rgba(100,116,139,.1)}.student-profile-details dl>div:last-child{border-bottom:0;padding-bottom:0}.student-profile-details dt{color:var(--muted,#667085);font-size:13px}.student-profile-details dd{margin:0;text-align:end;font-weight:700;overflow-wrap:anywhere}.student-photo-status{min-height:20px;margin:16px 0 0;color:var(--muted,#667085);font-size:13px}
.student-credential-once{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;margin-bottom:24px;padding:18px 20px;border:1px solid rgba(38,99,235,.2);border-radius:20px;background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(255,255,255,.88));box-shadow:0 12px 32px rgba(37,99,235,.08)}.student-credential-once strong{display:block;margin-bottom:4px}.student-credential-once p{margin:0;max-width:520px;color:#475467;font-size:13px;line-height:1.5}.student-credential-once dl{display:flex;gap:18px;margin:0}.student-credential-once dl>div{display:grid;gap:3px}.student-credential-once dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#667085}.student-credential-once dd{margin:0;font:800 18px/1.2 'DM Sans',system-ui,sans-serif;letter-spacing:.08em;font-variant-numeric:tabular-nums}
[data-theme="dark"] .student-photo-action,[data-theme="dark"] .student-profile-details article{background:rgba(17,24,39,.72);border-color:rgba(148,163,184,.16)}[data-theme="dark"] .student-credential-once{background:linear-gradient(135deg,rgba(30,58,138,.26),rgba(17,24,39,.86));border-color:rgba(96,165,250,.24)}[data-theme="dark"] .student-credential-once p{color:#cbd5e1}
@media(max-width:760px){.student-flow-progress{margin-bottom:18px}.student-flow-progress span{width:25px}.student-flow-actions .btn{min-width:0;flex:1}.student-profile-v2{padding-top:2px}.student-profile-heading{align-items:flex-start;flex-direction:column}.student-profile-grid{grid-template-columns:1fr}.student-card-face{border-radius:22px}.student-card-front,.student-card-back{padding:22px}.student-card-avatar{width:72px;height:72px;font-size:28px}.student-card-chip{top:21px;right:20px}.student-credential-once{grid-template-columns:1fr;gap:14px}.student-credential-once dl{justify-content:space-between}.student-credential-once .btn{width:100%}.student-profile-details article{padding:18px}}