@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;700&display=swap";@keyframes float{0%,to{transform:translate(-50%,-50%) scale(1)}33%{transform:translate(-60%,-40%) scale(1.05)}66%{transform:translate(-40%,-60%) scale(.95)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width, 100%)}}@keyframes flame{0%,to{transform:scale(1) translateY(0);filter:brightness(1)}50%{transform:scale(1.1) translateY(-2px);filter:brightness(1.2)}}@keyframes levelUp{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.students-page{min-height:100vh;background:#f8fafc}.students-page__container{max-width:1600px;margin:0 auto;padding:clamp(20px,4vw,32px) clamp(12px,2vw,32px)}@media (max-width: 530px){.students-page__container{padding:16px}}.students-page__header-wrapper{padding:0}.students-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(20px,4vw,32px);gap:16px;flex-wrap:wrap}@media (max-width: 530px){.students-page__header{margin-bottom:20px;gap:12px}}.students-page__header-content{flex:1;min-width:250px;margin-left:clamp(10px,2vw,24px)}@media (max-width: 530px){.students-page__header-content{margin-left:0;min-width:auto}}.students-page__title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:clamp(1.75rem,4vw,2rem);font-weight:700;color:#0f172a;margin:0 0 4px}@media (max-width: 530px){.students-page__title{font-size:1.5rem}}.students-page__subtitle{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(.875rem,2vw,.95rem);color:#475569;margin:0}@media (max-width: 530px){.students-page__subtitle{font-size:.85rem}}.students-page__add-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#732cec;color:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;border:none;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #7c3aed26}.students-page__add-btn:hover{background:#732cec;box-shadow:0 4px 12px #7c3aed40;transform:translateY(-1px)}.students-page__add-btn svg{width:20px;height:20px}@media (max-width: 530px){.students-page__add-btn{padding:14px 20px;font-size:.9rem;gap:6px;box-shadow:0 2px 10px #7c3aed33}.students-page__add-btn svg{width:18px;height:18px}}.students-page__card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;overflow:visible;border:1px solid rgba(15,23,42,.04)}@media (max-width: 530px){.students-page__card{background:transparent;border:none;box-shadow:none;border-radius:0}}.students-page__filters{background:#fff;border-bottom:1px solid rgba(15,23,42,.06);padding:clamp(16px,3vw,24px)}@media (max-width: 530px){.students-page__filters{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}}.students-page__filters-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:center}@media (min-width: 768px){.students-page__filters-inner{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.students-page__search-wrapper{grid-column:1/-1}@media (min-width: 768px){.students-page__search-wrapper{grid-column:auto}}.students-page__search{position:relative;width:100%}.students-page__search-input{width:100%;padding:11px 16px 11px 40px;border:1px solid rgba(15,23,42,.15);border-radius:8px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;color:#0f172a;background:#fff;transition:all .2s ease;outline:none}.students-page__search-input::placeholder{color:#94a3b8}.students-page__search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.students-page__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.students-page__controls{display:contents}.students-page__select{width:100%;padding:11px 36px 11px 14px;border:1px solid rgba(15,23,42,.15);border-radius:8px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;color:#0f172a;background:#fff;cursor:pointer;transition:all .2s ease;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.students-page__select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.students-page__select:hover{border-color:#0f172a40}.students-page__headers{background:#0f172a04;border-bottom:1px solid rgba(15,23,42,.05);padding:14px clamp(16px,2vw,24px)}@media (max-width: 530px){.students-page__headers{display:none}}.students-page__headers-inner{display:grid;grid-template-columns:48px minmax(120px,1.4fr) minmax(100px,1.2fr) minmax(80px,.8fr) minmax(110px,1fr) minmax(90px,.9fr) minmax(120px,1.2fr) minmax(110px,140px);gap:12px;align-items:center;padding-right:44px}@media (max-width: 1200px){.students-page__headers-inner{grid-template-columns:48px minmax(100px,1.4fr) minmax(90px,1.2fr) minmax(70px,.8fr) minmax(100px,1fr) minmax(80px,.9fr) minmax(110px,140px)}}@media (max-width: 1000px){.students-page__headers-inner{grid-template-columns:48px minmax(100px,1.5fr) minmax(90px,1.2fr) minmax(100px,1fr) minmax(80px,.9fr) minmax(110px,140px)}}@media (max-width: 800px){.students-page__headers-inner{grid-template-columns:48px minmax(100px,1.5fr) minmax(90px,1.3fr) minmax(80px,1fr) minmax(110px,140px)}}@media (max-width: 600px){.students-page__headers-inner{grid-template-columns:48px minmax(100px,2fr) minmax(80px,1fr) minmax(100px,130px)}}@media (max-width: 530px){.students-page__headers-inner{grid-template-columns:56px 1fr 140px;gap:12px;padding-right:16px}}.students-page__header-label{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding-left:8px}@media (max-width: 1200px){.students-page__header-label:nth-child(7){display:none}}@media (max-width: 1000px){.students-page__header-label:nth-child(4){display:none}}@media (max-width: 800px){.students-page__header-label:nth-child(5){display:none}}@media (max-width: 600px){.students-page__header-label:nth-child(3){display:none}}@media (max-width: 530px){.students-page__header-label:nth-child(6){display:none}}.students-page__row{background:#fff;border-bottom:1px solid rgba(15,23,42,.04);transition:all .2s ease;cursor:pointer;position:relative;z-index:1}.students-page__row:hover{background:#7c3aed06;transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed0f}.students-page__row:last-child{border-bottom:none}.students-page__row--menu-open{z-index:5;box-shadow:0 6px 24px #0f172a1f}@media (max-width: 530px){.students-page__row{margin-bottom:8px;border-radius:12px;border:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06);background:#fff;box-shadow:0 1px 3px #0000000d}.students-page__row:last-child{margin-bottom:0}.students-page__row:hover{background:#fff;transform:none;box-shadow:0 2px 6px #00000014}.students-page__row:active{transform:scale(.99);box-shadow:0 1px 3px #0000000d}}.students-page__row-inner{display:grid;grid-template-columns:48px minmax(120px,1.4fr) minmax(100px,1.2fr) minmax(80px,.8fr) minmax(110px,1fr) minmax(90px,.9fr) minmax(120px,1.2fr) minmax(110px,140px);gap:12px;align-items:center;padding:16px clamp(16px,2vw,24px);padding-right:44px}@media (max-width: 1200px){.students-page__row-inner{grid-template-columns:48px minmax(100px,1.4fr) minmax(90px,1.2fr) minmax(70px,.8fr) minmax(100px,1fr) minmax(80px,.9fr) minmax(110px,140px)}}@media (max-width: 1000px){.students-page__row-inner{grid-template-columns:48px minmax(100px,1.5fr) minmax(90px,1.2fr) minmax(100px,1fr) minmax(80px,.9fr) minmax(110px,140px)}}@media (max-width: 800px){.students-page__row-inner{grid-template-columns:48px minmax(100px,1.5fr) minmax(90px,1.3fr) minmax(80px,1fr) minmax(110px,140px)}}@media (max-width: 600px){.students-page__row-inner{grid-template-columns:48px minmax(100px,2fr) minmax(80px,1fr) minmax(100px,130px)}}@media (max-width: 530px){.students-page__row-inner{grid-template-columns:56px 1fr 140px;gap:12px;padding:16px}}.students-page__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}@media (max-width: 530px){.students-page__avatar{width:52px;height:52px}}.students-page__cell{min-width:0;overflow:hidden}.students-page__cell--menu{position:relative;display:flex;justify-content:center}@media (max-width: 1200px){.students-page__cell--gaps{display:none}}@media (max-width: 1000px){.students-page__cell--goal{display:none}}@media (max-width: 800px){.students-page__cell--date{display:none}}@media (max-width: 600px){.students-page__cell--subjects{display:none}}@media (max-width: 530px){.students-page__cell--status{display:none}}.students-page__student-name{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media (max-width: 530px){.students-page__student-name{font-size:1rem;font-weight:600}}.students-page__badges{display:flex;gap:6px;flex-wrap:wrap}.students-page__cell--subjects,.students-page__cell--gaps{min-width:0;overflow:hidden}.students-page__badge{padding:4px 10px;border-radius:6px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:500;white-space:nowrap}.students-page__badge--subject{background:#7c3aed1a;color:#7c3aed}.students-page__badge--clickable{cursor:pointer;transition:all .2s ease;border:1px solid transparent}.students-page__badge--clickable:hover{background:#7c3aed33;transform:translateY(-1px);box-shadow:0 2px 4px #7c3aed33;border-color:#7c3aed4d}.students-page__badge--clickable:active{transform:translateY(0);box-shadow:0 1px 2px #7c3aed26}.students-page__badge--more{background:#0f172a14;color:#0f172a}.students-page__level{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;color:#0f172a;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.students-page__keystage{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;color:#475569;margin:0}.students-page__date{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;color:#475569;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.students-page__status{display:inline-block;padding:6px 12px;border-radius:20px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:500;white-space:nowrap}.students-page__status--excelling{background:#10b98126;color:#0ea774}.students-page__status--on-track{background:#3b82f626;color:#1e6ff5}.students-page__status--needs-attention{background:#f59e0b26;color:#d18709}.students-page__status--at-risk{background:#dc262626;color:#dc2626}.students-page__status--unknown{background:#94a3b82e;color:#94a3b8}.students-page__badges,.students-page__gaps{display:flex;gap:6px;flex-wrap:wrap;max-width:100%}.students-page__gap{padding:4px 10px;background:#0f172a0d;border:1px solid rgba(15,23,42,.1);border-radius:6px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;color:#475569;white-space:nowrap}.students-page__gap-more{padding:4px 10px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;color:#94a3b8}.students-page__cell--actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-shrink:0;overflow:visible}@media (max-width: 530px){.students-page__cell--actions{justify-content:stretch;gap:0}}.students-page__action-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;background:#7c3aed1a;color:#7c3aed;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.8rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:95px}.students-page__action-btn:hover{background:#7c3aed2e;transform:translateY(-1px);box-shadow:0 2px 6px #7c3aed26}.students-page__action-btn:active{transform:translateY(0)}@media (max-width: 530px){.students-page__action-btn{width:100%;padding:14px 16px;font-size:.9rem;font-weight:600;border-radius:12px;background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed33;min-width:unset}.students-page__action-btn:hover{background:#732cec;box-shadow:0 4px 12px #7c3aed4d}.students-page__action-btn:active{transform:scale(.98);box-shadow:0 2px 6px #7c3aed33}}.students-page__actions-menu{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0;z-index:10}@media (max-width: 530px){.students-page__actions-menu{display:none}}.students-page__menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background-color .15s ease;position:relative}.students-page__menu-btn:hover{background:#0f172a14}.students-page__menu-btn svg{width:20px;height:20px;color:#475569}.students-page__menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid rgba(15,23,42,.1);padding:6px 0;z-index:25;pointer-events:auto}.students-page__menu-item{display:block;width:100%;padding:10px 16px;background:none;border:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;color:#0f172a;text-align:left;cursor:pointer;transition:background-color .15s ease}.students-page__menu-item:hover{background:#0f172a0a}.students-page__menu-item--danger{color:#dc2626}.students-page__skeleton{background:#fff;border-bottom:1px solid rgba(15,23,42,.04)}@media (max-width: 530px){.students-page__skeleton{margin-bottom:8px;border-radius:12px;border:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 1px 3px #0000000d}}.students-page__skeleton-inner{display:grid;grid-template-columns:48px minmax(120px,1.4fr) minmax(100px,1.2fr) minmax(80px,.8fr) minmax(110px,1fr) minmax(90px,.9fr) minmax(120px,1.2fr) minmax(110px,140px);gap:12px;align-items:center;padding:16px clamp(16px,2vw,24px);padding-right:44px}@media (max-width: 530px){.students-page__skeleton-inner{grid-template-columns:56px 1fr 140px;gap:12px;padding:16px}}.students-page__skeleton-item{height:16px;background:linear-gradient(90deg,#0f172a0f,#0f172a1a,#0f172a0f);background-size:200% 100%;border-radius:6px;animation:skeleton-shimmer 1.8s ease-in-out infinite}.students-page__skeleton-item--avatar{width:40px;height:40px;border-radius:50%}@media (max-width: 530px){.students-page__skeleton-item--avatar{width:52px;height:52px}}.students-page__skeleton-item--badge{height:24px;width:80px;border-radius:6px}.students-page__skeleton-item--status{height:28px;width:100px;border-radius:20px}.students-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(48px,10vw,80px) 24px;text-align:center}.students-page__empty-icon{width:64px;height:64px;background:#0f172a0d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.students-page__empty-icon svg{width:32px;height:32px;color:#94a3b8}.students-page__empty-title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 8px}.students-page__empty-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#475569;max-width:480px;margin:0 0 24px;line-height:1.6}.students-page__summary{margin-top:16px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;color:#475569}@media (max-width: 530px){.students-page__summary{margin-top:12px;font-size:.8rem;text-align:center}}.students-page__modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.students-page__modal{width:min(420px,100%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0f172a40;padding:clamp(20px,4vw,28px);text-align:left;position:relative}.students-page__modal-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#0f172a0d;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#475569}.students-page__modal-close:hover:not(:disabled){background:#0f172a1a;color:#0f172a}.students-page__modal-close:disabled{opacity:.5;cursor:not-allowed}.students-page__modal-title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 12px}.students-page__modal-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#475569;margin:0 0 16px}.students-page__modal-error{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;color:#dc2626;margin:0 0 16px}.students-page__modal-actions{display:flex;justify-content:flex-end;gap:12px}.students-page__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85rem 1.4rem;border-radius:12px;border:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;min-width:120px}.students-page__button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.students-page__button--secondary{background:#0f172a0d;color:#0f172a;border:1px solid rgba(15,23,42,.08)}.students-page__button--secondary:hover:not(:disabled){background:#0f172a14;border-color:#0f172a26}.students-page__button--primary{background:#7c3aed;color:#fff;box-shadow:0 8px 20px #7c3aed40}.students-page__button--primary:hover:not(:disabled){background:#732cec;box-shadow:0 12px 24px #7c3aed59;transform:translateY(-1px)}.students-page__button--primary:active:not(:disabled){transform:translateY(0)}@media (max-width: 480px){.students-page__button{flex:1;min-width:unset}}.students-page__modal-btn{padding:10px 18px;border-radius:8px;border:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.students-page__modal-btn:disabled{opacity:.7;cursor:not-allowed}.students-page__modal-btn--secondary{background:#0f172a0d;color:#0f172a}.students-page__modal-btn--secondary:hover:not(:disabled){background:#0f172a14}.students-page__modal-btn--danger{background:#dc2626;color:#fff}.students-page__modal-btn--danger:hover:not(:disabled){background:#d32222;transform:translateY(-1px)}.students-page__modal-close{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#0f172a0d;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#475569;z-index:1}.students-page__modal-close:hover{background:#0f172a1a;color:#0f172a}.students-page__modal-close svg{width:18px;height:18px}.students-page__topic-modal{width:min(480px,100%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0f172a40;padding:clamp(24px,5vw,32px);text-align:left;position:relative}.students-page__topic-modal-title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 8px;padding-right:40px}.students-page__topic-modal-subtitle{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#475569;margin:0 0 24px;line-height:1.5}.students-page__topic-modal-empty{padding:32px 16px;text-align:center;color:#475569;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem}.students-page__topic-modal-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-height:400px;overflow-y:auto;padding:4px}.students-page__topic-modal-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1.5px solid rgba(15,23,42,.12);border-radius:12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#0f172a;cursor:pointer;transition:all .2s ease;text-align:left}.students-page__topic-modal-item:hover{border-color:#7c3aed;background:#7c3aed08}.students-page__topic-modal-item--selected{border-color:#7c3aed;background:#7c3aed0f;box-shadow:0 0 0 3px #7c3aed14}.students-page__topic-modal-radio{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border:2px solid rgba(15,23,42,.2);border-radius:50%;transition:all .2s ease}.students-page__topic-modal-item--selected .students-page__topic-modal-radio{border-color:#7c3aed;background:#fff}.students-page__topic-modal-radio-dot{width:10px;height:10px;border-radius:50%;background:#7c3aed}.students-page__topic-modal-label{flex:1;font-weight:500}.students-page__topic-modal-actions{display:flex;justify-content:flex-end;gap:12px}.students-page__topic-modal-btn{padding:11px 20px;border-radius:12px;border:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.students-page__topic-modal-btn:disabled{opacity:.5;cursor:not-allowed}.students-page__topic-modal-btn--secondary{background:#0f172a0f;color:#0f172a}.students-page__topic-modal-btn--secondary:hover:not(:disabled){background:#0f172a1a}.students-page__topic-modal-btn--primary{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed26}.students-page__topic-modal-btn--primary:hover:not(:disabled){background:#732cec;box-shadow:0 4px 12px #7c3aed40;transform:translateY(-1px)}.students-page__topic-modal-btn--primary:disabled{background:#0f172a33;box-shadow:none}.students-page__info-modal{width:min(520px,100%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0f172a40;padding:clamp(24px,5vw,32px);text-align:left;position:relative}.students-page__info-modal-title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 8px;padding-right:40px}.students-page__info-modal-subtitle{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#475569;margin:0 0 20px;line-height:1.5}.students-page__info-modal-textarea{width:100%;min-height:140px;padding:14px 16px;border:1.5px solid rgba(15,23,42,.12);border-radius:12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#0f172a;background:#fff;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:20px}.students-page__info-modal-textarea::placeholder{color:#94a3b8}.students-page__info-modal-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.students-page__info-modal-actions{display:flex;justify-content:flex-end;gap:12px}.students-page__info-modal-btn{padding:11px 20px;border-radius:12px;border:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.students-page__info-modal-btn:disabled{opacity:.7;cursor:not-allowed}.students-page__info-modal-btn--secondary{background:#0f172a0f;color:#0f172a}.students-page__info-modal-btn--secondary:hover:not(:disabled){background:#0f172a1a}.students-page__info-modal-btn--primary{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed26}.students-page__info-modal-btn--primary:hover:not(:disabled){background:#732cec;box-shadow:0 4px 12px #7c3aed40;transform:translateY(-1px)}.students-page__draft-modal{width:min(680px,100%);max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0f172a40;padding:clamp(24px,5vw,32px);text-align:left;position:relative;display:flex;flex-direction:column;overflow:hidden}.students-page__draft-modal-title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.35rem;font-weight:700;color:#0f172a;margin:0 0 8px;padding-right:40px}.students-page__draft-modal-subtitle{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#475569;margin:0 0 24px;line-height:1.5}.students-page__draft-modal-filter{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px;background:#0f172a05;border-radius:12px;border:1px solid rgba(15,23,42,.08)}.students-page__draft-modal-filter-label{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:500;color:#0f172a;white-space:nowrap}.students-page__draft-modal-select{flex:1;padding:10px 36px 10px 14px;border:1px solid rgba(15,23,42,.15);border-radius:8px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;color:#0f172a;background:#fff;cursor:pointer;transition:all .2s ease;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.students-page__draft-modal-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.students-page__draft-modal-select:hover{border-color:#0f172a40}.students-page__draft-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.students-page__draft-modal-loading p{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#475569;margin:0}.students-page__draft-modal-spinner{width:40px;height:40px;border:3px solid rgba(124,58,237,.1);border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.students-page__draft-modal-error{padding:32px 24px;text-align:center}.students-page__draft-modal-error p{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#dc2626;margin:0}.students-page__draft-modal-empty{padding:48px 24px;text-align:center}.students-page__draft-modal-empty p{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#475569;margin:0}.students-page__draft-modal-list{flex:1;overflow-y:auto;margin-bottom:24px;display:flex;flex-direction:column;gap:12px;padding:4px;max-height:50vh}.students-page__draft-modal-item{padding:18px;background:#fff;border:1.5px solid rgba(15,23,42,.1);border-radius:12px;transition:all .2s ease}.students-page__draft-modal-item:hover{border-color:#7c3aed4d;box-shadow:0 2px 8px #0f172a0f}.students-page__draft-modal-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.students-page__draft-modal-item-title{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1.05rem;font-weight:600;color:#0f172a;margin:0}.students-page__draft-modal-item-tag{display:inline-block;padding:4px 12px;background:#3b82f626;color:#1e6ff5;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:500;border-radius:12px;white-space:nowrap}.students-page__draft-modal-item-date{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;color:#475569;margin:0 0 4px}.students-page__draft-modal-item-date--sent{color:#1e6ff5;font-weight:500}.students-page__draft-modal-item-btn{margin-top:12px;padding:10px 18px;background:#7c3aed1a;color:#7c3aed;border:1px solid rgba(124,58,237,.2);border-radius:8px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.students-page__draft-modal-item-btn:hover{background:#7c3aed26;border-color:#7c3aed4d;transform:translateY(-1px);box-shadow:0 2px 6px #7c3aed26}.students-page__draft-modal-item-btn:active{transform:translateY(0)}.students-page__draft-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid rgba(15,23,42,.08)}.students-page__draft-modal-btn{padding:11px 20px;border-radius:12px;border:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.students-page__draft-modal-btn--secondary{background:#0f172a0f;color:#0f172a}.students-page__draft-modal-btn--secondary:hover{background:#0f172a1a}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.student-diagnosis-page{min-height:100vh;background-color:#f8fafc;font-family:Inter,Helvetica Neue,Arial,sans-serif;color:#0f172a;padding-bottom:env(safe-area-inset-bottom,24px)}.student-diagnosis-page__container{max-width:1200px;margin:0 auto;padding:0;width:100%}@media (min-width: 768px){.student-diagnosis-page__container{padding:24px 32px}}@media (min-width: 1024px){.student-diagnosis-page__container{padding:32px 48px}}.student-diagnosis-page__loading,.student-diagnosis-page__error{background:#fff;padding:48px 24px;text-align:center;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 768px){.student-diagnosis-page__loading,.student-diagnosis-page__error{border-radius:18px;box-shadow:0 8px 24px #11182714;margin:24px;min-height:auto;padding:64px 48px}}.student-diagnosis-page__error h2{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.5rem;margin-bottom:12px;color:#0f172a}.student-diagnosis-page__error p{font-size:1rem;color:#475569;margin-bottom:32px;max-width:400px}.student-diagnosis-page__back-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;min-height:56px;padding:16px 32px;border-radius:16px;border:none;background:#7c3aed;color:#fff;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:600;font-size:1.1rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 16px #7c3aed4d;-webkit-tap-highlight-color:transparent}.student-diagnosis-page__back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.student-diagnosis-page__back-btn:active{transform:translateY(0) scale(.98)}.student-diagnosis-topic-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;background:#fff;border-bottom:1px solid rgba(15,23,42,.06)}@media (min-width: 640px){.student-diagnosis-topic-filters{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.student-diagnosis-topic-filters{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;padding:20px 24px;border-radius:18px 18px 0 0}}@media (min-width: 1024px){.student-diagnosis-topic-filters{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:24px}}.topic-filter-chip{display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 16px;background:#0f172a08;border:2px solid transparent;border-radius:12px;font-family:Poppins,Helvetica Neue,sans-serif;font-size:.95rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;text-align:center;line-height:1.3;-webkit-tap-highlight-color:transparent}.topic-filter-chip:hover{background:#0f172a0f;border-color:#0f172a1a}.topic-filter-chip:active{transform:scale(.97)}.topic-filter-chip--active{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 4px 16px #7c3aed59;font-weight:600}.topic-filter-chip--active:hover{background:#6e24eb;border-color:#6e24eb}.student-diagnosis-header{padding:0;margin-bottom:0}.student-diagnosis-header__back{display:flex;align-items:center;gap:8px;width:100%;min-height:52px;padding:14px 20px;background:none;border:none;border-bottom:1px solid rgba(15,23,42,.06);font-family:Poppins,Helvetica Neue,sans-serif;font-weight:500;font-size:1rem;color:#475569;cursor:pointer;-webkit-tap-highlight-color:transparent}.student-diagnosis-header__back:hover{background:#0f172a05;color:#7c3aed}@media (min-width: 768px){.student-diagnosis-header__back{width:auto;padding:12px 0;border:none;margin-bottom:16px}}.student-diagnosis-header__card{display:flex;flex-direction:column;gap:20px;background:#fff;padding:24px 20px;position:relative;border-bottom:1px solid rgba(15,23,42,.06)}@media (min-width: 768px){.student-diagnosis-header__card{flex-direction:row;align-items:flex-start;justify-content:space-between;border-radius:18px;padding:32px;box-shadow:0 8px 24px #11182714;border:none;margin-bottom:24px}}.student-diagnosis-header__left{flex:1;min-width:0}.student-diagnosis-header__right{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (min-width: 768px){.student-diagnosis-header__right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:16px}}.student-diagnosis-header__title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.2}@media (min-width: 768px){.student-diagnosis-header__title{font-size:2rem}}.student-diagnosis-header__subtitle{font-size:1.1rem;color:#475569;margin:0 0 12px;font-weight:500}.student-diagnosis-header__meta{font-size:.9rem;color:#94a3b8;display:inline-flex;align-items:center;background:#f3f4f6;padding:6px 12px;border-radius:8px}.student-diagnosis-header__metric{display:flex;flex-direction:column;padding:16px;background:#0f172a05;border-radius:12px}@media (min-width: 768px){.student-diagnosis-header__metric{padding:0;background:none;align-items:flex-end}}.student-diagnosis-header__label{font-size:.75rem;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.student-diagnosis-header__value{font-size:1.25rem;font-weight:700;color:#0f172a}.student-diagnosis-header__chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.1rem;font-weight:700;line-height:1}.student-diagnosis-header__regen-indicator{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#0f172a;font-size:.85rem;font-weight:500;z-index:10}@media (max-width: 640px){.student-diagnosis-header__regen-indicator{position:static;margin-bottom:16px;width:100%;justify-content:center}}.regen-indicator__spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(15,23,42,.2);border-top-color:#f59e0b;animation:spin .9s linear infinite}.regen-indicator__text{font-weight:600;color:#475569;white-space:nowrap}.chip--probability-low{background:#dc26261f;color:#dc2626;border:2px solid rgba(220,38,38,.25)}.chip--probability-amber{background:#f59e0b1f;color:#bb7808;border:2px solid rgba(245,158,11,.35)}.chip--probability-high{background:#10b9811f;color:#0d9367;border:2px solid rgba(16,185,129,.3)}.chip--uncertain{background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(15,23,42,.04) 4px,rgba(15,23,42,.04) 8px)}.student-diagnosis-section,.diagnosis-charts-section,.student-diagnosis-actions,.student-diagnosis-questions,.student-diagnosis-timeline,.student-diagnosis-mastery-map{background:#fff;padding:24px 20px;border-bottom:1px solid rgba(15,23,42,.06)}@media (min-width: 768px){.student-diagnosis-section,.diagnosis-charts-section,.student-diagnosis-actions,.student-diagnosis-questions,.student-diagnosis-timeline,.student-diagnosis-mastery-map{border-radius:18px;padding:32px;margin-bottom:24px;box-shadow:0 8px 24px #11182714;border:none}}.student-diagnosis-section__title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:20px;color:#0f172a;display:flex;align-items:center;gap:12px}@media (min-width: 768px){.student-diagnosis-section__title{font-size:1.35rem}.student-diagnosis-section__title:after{content:"";flex:1;height:1px;background:#f3f4f6}}.student-diagnosis-section__empty{font-size:1rem;color:#475569;background:#f3f4f699;padding:24px;border-radius:12px;text-align:center}.student-diagnosis-section__notes{margin:0;padding:0;list-style:none;display:grid;gap:12px}.student-diagnosis-section__notes li{background:#f3f4f680;padding:14px 18px;border-radius:12px;font-size:.95rem;color:#475569;border-left:4px solid #94A3B8}.student-diagnosis-section--meta{background:#fff;padding:24px 20px;margin-top:0}@media (min-width: 768px){.student-diagnosis-section--meta{margin-top:24px}}.student-diagnosis-section__empty-action{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;background:#f3f4f680;border-radius:12px}.student-diagnosis-mastery-map__header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}@media (min-width: 768px){.student-diagnosis-mastery-map__header{flex-direction:row;align-items:center;justify-content:space-between}}.student-diagnosis-mastery-map__header .student-diagnosis-section__title{margin-bottom:0}.student-diagnosis-mastery-map__header .student-diagnosis-section__title:after{display:none}.student-diagnosis-mastery-map__filters{display:flex;flex-wrap:wrap;gap:10px}.student-diagnosis-mastery-map__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.student-diagnosis-mastery-map__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.student-diagnosis-mastery-map__grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}}.student-diagnosis-mastery-map__show-more{display:flex;justify-content:center;margin-top:24px}.skill-chip{background:#fff;border-radius:12px;padding:18px 16px;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,box-shadow .2s ease;height:100%}.skill-chip:active{transform:scale(.98)}@media (min-width: 768px){.skill-chip:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}}.skill-chip__name{font-weight:500;font-size:.9rem;color:#0f172a;line-height:1.4;overflow-wrap:break-word}.skill-chip__value{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:700;margin-top:auto}.skill-chip__badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;background:#f3f4f6;padding:4px 8px;border-radius:6px;align-self:start}.skill-chip--red{border-bottom:5px solid #dc2626}.skill-chip--red .skill-chip__value{color:#dc2626}.skill-chip--amber{border-bottom:5px solid #f59e0b}.skill-chip--amber .skill-chip__value{color:#cf8508}.skill-chip--green{border-bottom:5px solid #10b981}.skill-chip--green .skill-chip__value{color:#10b981}.skill-chip--low-reliability{opacity:.8;border-style:dashed;background-color:#f8fafc80}.filter-chip{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#0f172a0a;border:2px solid transparent;border-radius:12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.filter-chip:hover{background:#0f172a14;border-color:#0f172a1f}.filter-chip:active{transform:scale(.97)}.filter-chip--active{background:#7c3aed1f;border-color:#7c3aed;color:#7c3aed;font-weight:600}.filter-chip--green.filter-chip--active{background:#10b9811f;border-color:#10b981;color:#0d9367}.filter-chip--yellow.filter-chip--active{background:#f59e0b1f;border-color:#f59e0b;color:#bb7808}.filter-chip--red.filter-chip--active{background:#dc26261f;border-color:#dc2626;color:#dc2626}.student-diagnosis-timeline__chart-wrapper{margin-top:16px;padding:20px;background:#f3f4f64d;border-radius:16px;position:relative;overflow:hidden}.student-diagnosis-timeline__chart{width:100%;height:180px;display:block}@media (min-width: 768px){.student-diagnosis-timeline__chart{height:220px}}.student-diagnosis-timeline__area{fill:#7c3aed2e;stroke:none}.student-diagnosis-timeline__line{stroke:#7c3aed;stroke-width:.9}.student-diagnosis-timeline__point{fill:#fff;stroke:#7c3aed;stroke-width:.7}.student-diagnosis-timeline__grid-line{stroke:#0f172a0f;stroke-width:.4}.student-diagnosis-timeline__axis{stroke:#0f172a33;stroke-width:.6}.student-diagnosis-timeline__x-axis{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:4px;margin-top:12px;font-size:.8rem;color:#94a3b8;font-weight:500}.student-diagnosis-timeline__x-label{text-align:center}.student-diagnosis-timeline__y-axis-labels{position:absolute;top:20px;bottom:44px;left:12px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-size:.7rem;color:#94a3b8;pointer-events:none;font-weight:500}.student-diagnosis-questions__table{background:transparent;border-radius:16px;overflow:hidden}@media (min-width: 1024px){.student-diagnosis-questions__table{background:#f3f4f64d;border:1px solid rgba(15,23,42,.05)}}.student-diagnosis-questions__header-row{display:none}@media (min-width: 1024px){.student-diagnosis-questions__header-row{display:grid;grid-template-columns:2fr 1.5fr .8fr .6fr 1.5fr;gap:16px;padding:18px 24px;background:#0f172a08;font-family:Poppins,Helvetica Neue,sans-serif;font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.6px}}.student-diagnosis-questions__row{display:flex;flex-direction:column;gap:14px;padding:20px;background:#fff;border-radius:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000a}@media (min-width: 1024px){.student-diagnosis-questions__row{display:grid;grid-template-columns:2fr 1.5fr .8fr .6fr 1.5fr;gap:16px;padding:20px 24px;border-radius:0;margin-bottom:0;box-shadow:none;background:transparent;border-bottom:1px solid rgba(15,23,42,.06)}.student-diagnosis-questions__row:last-child{border-bottom:none}}.student-diagnosis-questions__cell{font-size:.95rem;color:#0f172a;overflow-wrap:break-word;min-width:0}.student-diagnosis-questions__text{font-weight:500;line-height:1.6;font-size:1rem}@media (min-width: 1024px){.student-diagnosis-questions__text{font-size:.95rem}}.student-diagnosis-questions__image{display:block;max-width:100%;width:auto;max-height:180px;border-radius:12px;border:1px solid rgba(15,23,42,.08);margin-top:12px}.student-diagnosis-questions__answer{font-weight:500;color:#0f172a;background:#f3f4f699;padding:10px 14px;border-radius:8px;display:inline-block;margin-bottom:6px;font-size:1rem}.student-diagnosis-questions__correct{font-size:.9rem;color:#10b981;margin-top:6px;font-weight:500}.student-diagnosis-questions__show-more{display:flex;justify-content:center;margin-top:24px}.diagnosis-tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;font-size:.9rem;font-weight:600;white-space:nowrap}.diagnosis-tag--correct{background:#10b9811f;color:#0d9367}.diagnosis-tag--incorrect{background:#dc26261f;color:#dc2626}.diagnosis-tag--text{background:#f5f3ff;color:#6d28d9;white-space:normal;text-align:left;line-height:1.5;padding:12px 16px;border-radius:12px;display:block;font-weight:400;font-size:.95rem}.btn-show-more{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;min-height:54px;background:transparent;border:2px solid rgba(15,23,42,.12);padding:14px 28px;border-radius:16px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:500;font-size:1rem;color:#475569;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-show-more:hover{background:#0f172a0a;border-color:#0f172a33;color:#0f172a}.btn-show-more:active{transform:scale(.98)}@media (min-width: 768px){.btn-show-more{width:auto;min-height:48px}}.student-diagnosis-actions__grid{display:flex;flex-direction:column;gap:0}@media (min-width: 768px){.student-diagnosis-actions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}}.student-diagnosis-actions__card{background:transparent;padding:0 0 24px;border-bottom:1px solid rgba(15,23,42,.08);margin-bottom:24px}.student-diagnosis-actions__card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media (min-width: 768px){.student-diagnosis-actions__card{background:#f3f4f64d;border-radius:16px;padding:24px;border:none;margin-bottom:0}}.student-diagnosis-actions__card h3{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:20px;color:#0f172a;padding-bottom:14px;border-bottom:2px solid #F3F4F6}.student-diagnosis-actions__list,.error-pattern-list,.gap-list{list-style:none;margin:0;padding:0}.student-diagnosis-actions__item{margin-bottom:18px}.student-diagnosis-actions__item:last-child{margin-bottom:0}.student-diagnosis-actions__reason{font-size:.9rem;color:#475569;margin:10px 0 0;line-height:1.5;padding-left:4px}.student-diagnosis-actions__show-more{display:flex;justify-content:center;margin-top:20px}.topic-priority-pill{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;background:#f5f3ff;border:1px solid rgba(124,58,237,.12)}.topic-priority-pill__name{font-weight:600;color:#7c3aed;font-size:.95rem}.topic-priority-pill__score{font-size:.8rem;color:#8b5cf6;background:#fff;padding:4px 10px;border-radius:6px;font-weight:600}.gap-list__item{margin-bottom:16px;background:#f59e0b0f;padding:16px;border-radius:12px;border-left:4px solid #f59e0b}.gap-list__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}.gap-list__name{font-weight:600;color:#0f172a;font-size:.95rem}.gap-list__probability{font-size:.8rem;color:#bb7808;white-space:nowrap;font-weight:600}.gap-list__support{font-size:.85rem;color:#475569;margin-top:6px;font-style:italic}.error-pattern-list__item{margin-bottom:16px;background:#dc26260a;padding:16px;border-radius:12px;border-left:4px solid #dc2626}.error-pattern-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.error-pattern-list__name{font-weight:600;color:#dc2626;font-size:.95rem}.error-pattern-list__frequency{font-size:.8rem;color:#94a3b8;background:#fff;padding:4px 10px;border-radius:6px;border:1px solid rgba(15,23,42,.08);font-weight:500}.error-pattern-list__description{font-size:.9rem;color:#475569;line-height:1.5;margin:0}.student-diagnosis-page__create-test-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;min-height:56px;padding:16px 32px;background:#7c3aed;color:#fff;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:600;font-size:1.1rem;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #7c3aed4d;-webkit-tap-highlight-color:transparent}.student-diagnosis-page__create-test-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66;background:#732cec}.student-diagnosis-page__create-test-btn:active{transform:translateY(0) scale(.98)}.student-diagnosis-page__modal-backdrop{position:fixed;inset:0;background:#0f172abf;display:flex;align-items:flex-end;justify-content:center;padding:0;z-index:1000}@media (min-width: 768px){.student-diagnosis-page__modal-backdrop{align-items:center;padding:24px}}.student-diagnosis-page__modal-close{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#0f172a0f;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#475569;z-index:1;-webkit-tap-highlight-color:transparent}.student-diagnosis-page__modal-close:hover{background:#0f172a1f;color:#0f172a}.student-diagnosis-page__modal-close svg{width:22px;height:22px}.student-diagnosis-page__info-modal{width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 40px #0f172a40;padding:32px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0));text-align:left;position:relative}@media (min-width: 768px){.student-diagnosis-page__info-modal{width:min(540px,100%);max-height:85vh;border-radius:18px;padding:36px;box-shadow:0 20px 60px #0f172a4d}}.student-diagnosis-page__info-modal-title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.4rem;font-weight:700;color:#0f172a;margin:0 0 10px;padding-right:50px;line-height:1.3}.student-diagnosis-page__info-modal-subtitle{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem;color:#475569;margin:0 0 24px;line-height:1.6}.student-diagnosis-page__info-modal-textarea{width:100%;min-height:160px;padding:18px 20px;border:2px solid rgba(15,23,42,.1);border-radius:16px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem;color:#0f172a;background:#f3f4f64d;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;margin-bottom:24px}.student-diagnosis-page__info-modal-textarea::placeholder{color:#94a3b8}.student-diagnosis-page__info-modal-textarea:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 4px #7c3aed1a}.student-diagnosis-page__info-modal-actions{display:flex;flex-direction:column-reverse;gap:12px}@media (min-width: 640px){.student-diagnosis-page__info-modal-actions{flex-direction:row;justify-content:flex-end}}.student-diagnosis-page__info-modal-btn{display:flex;align-items:center;justify-content:center;min-height:54px;padding:16px 28px;border-radius:16px;border:none;font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.student-diagnosis-page__info-modal-btn:disabled{opacity:.6;cursor:not-allowed}.student-diagnosis-page__info-modal-btn--secondary{background:#0f172a0f;color:#0f172a}.student-diagnosis-page__info-modal-btn--secondary:hover:not(:disabled){background:#0f172a1a}.student-diagnosis-page__info-modal-btn--secondary:active:not(:disabled){transform:scale(.98)}.student-diagnosis-page__info-modal-btn--primary{background:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed40;flex:1}@media (min-width: 640px){.student-diagnosis-page__info-modal-btn--primary{flex:none}}.student-diagnosis-page__info-modal-btn--primary:hover:not(:disabled){background:#732cec;box-shadow:0 6px 20px #7c3aed59;transform:translateY(-1px)}.student-diagnosis-page__info-modal-btn--primary:active:not(:disabled){transform:translateY(0) scale(.98)}.diagnosis-charts-section .student-diagnosis-section__title{margin-bottom:24px}.diagnosis-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}@media (max-width: 640px){.diagnosis-stats{grid-template-columns:1fr;gap:10px}}.diagnosis-stats__card{display:flex;align-items:center;gap:12px;background:#f3f4f680;border-radius:12px;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}@media (min-width: 768px){.diagnosis-stats__card{padding:18px 20px}.diagnosis-stats__card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f}}.diagnosis-stats__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.diagnosis-stats__icon svg{width:22px;height:22px}.diagnosis-stats__icon--accuracy{background:#10b9811f;color:#10b981}.diagnosis-stats__icon--mastery{background:#7c3aed1f;color:#7c3aed}.diagnosis-stats__icon--time{background:#3b82f61f;color:#3b82f6}.diagnosis-stats__content{display:flex;flex-direction:column;min-width:0}.diagnosis-stats__value{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.35rem;font-weight:700;color:#0f172a;line-height:1.2}.diagnosis-stats__label{font-size:.85rem;color:#475569;font-weight:500}.diagnosis-stats__detail{position:absolute;top:12px;right:14px;font-size:.75rem;color:#94a3b8;background:#fff;padding:3px 8px;border-radius:6px;font-weight:500}.diagnosis-charts-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.diagnosis-charts-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 1024px){.diagnosis-charts-grid{grid-template-columns:repeat(3,1fr)}}.diagnosis-chart{background:#fff;border-radius:16px;padding:20px;border:1px solid rgba(15,23,42,.06)}@media (min-width: 768px){.diagnosis-chart{padding:24px}}.diagnosis-chart__title{font-family:Poppins,Helvetica Neue,sans-serif;font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 16px}.diagnosis-chart__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.diagnosis-chart__header .diagnosis-chart__title{margin-bottom:0}.diagnosis-chart__trend-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.diagnosis-chart--donut .diagnosis-chart__donut-wrapper{position:relative;margin-bottom:16px}.diagnosis-chart--donut .diagnosis-chart__donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.diagnosis-chart--donut .diagnosis-chart__donut-total{display:block;font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;line-height:1}.diagnosis-chart--donut .diagnosis-chart__donut-label{display:block;font-size:.75rem;color:#94a3b8;margin-top:2px;font-weight:500}.diagnosis-chart__legend{display:flex;flex-direction:column;gap:10px}.diagnosis-chart__legend-item{display:flex;align-items:center;gap:10px}.diagnosis-chart__legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.diagnosis-chart__legend-text{font-size:.9rem;color:#0f172a;font-weight:500;flex:1}.diagnosis-chart__legend-pct{font-size:.85rem;color:#94a3b8;font-weight:500}.diagnosis-chart--trend .diagnosis-chart__trend-wrapper{margin:0 -8px}@media (min-width: 1024px){.diagnosis-chart--breakdown{grid-column:span 1}}.diagnosis-breakdown{display:flex;flex-direction:column;gap:14px}.diagnosis-breakdown__bar{display:flex;height:24px;border-radius:12px;overflow:hidden;background:#f3f4f6}.diagnosis-breakdown__segment{height:100%;transition:width .4s ease-out}.diagnosis-breakdown__segment--correct{background:#10b981}.diagnosis-breakdown__segment--incorrect{background:#dc2626}.diagnosis-breakdown__labels{display:flex;flex-wrap:wrap;gap:16px}.diagnosis-breakdown__label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#475569;font-weight:500}.diagnosis-breakdown__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.diagnosis-breakdown__dot--correct{background:#10b981}.diagnosis-breakdown__dot--incorrect{background:#dc2626}.diagnosis-breakdown__dot--skipped{background:#d1d5db}@keyframes spin{to{transform:rotate(360deg)}}html{font-size:100%}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400}h1,h2,h3,.heading,.onboarding__label,.navbar__logo{font-family:Poppins,Helvetica Neue,sans-serif}*{box-sizing:border-box;padding:0;margin:0}html,body,#root{min-height:100vh;overflow-x:hidden;overflow-y:auto}body{background:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.math-text{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.1em;line-height:1.4;font-feature-settings:"lnum"}.math-text__sup,.math-text__sub{font-size:.75em;line-height:1;vertical-align:baseline;margin-left:.05em}.math-text__sup{transform:translateY(-.35em)}.math-text__sub{transform:translateY(.35em)}.math-text__fraction{display:inline-flex;flex-direction:column;align-items:center;padding:0 .25em}.math-text__fraction--inline{flex-direction:row;gap:.25em;align-items:baseline}.math-text__fraction-num,.math-text__fraction-den{display:block;min-width:1.5em;text-align:center}.math-text__fraction-bar{width:100%;height:1px;background:#0f172a73;margin:2px 0}.math-text__root{display:inline-flex;align-items:flex-end;gap:.15em}.math-text__root-symbol{font-size:1.2em;line-height:1}.math-text__root-index{font-size:.6em;align-self:flex-start}.math-text__root-radicand{border-top:1px solid rgba(15,23,42,.45);padding-top:.15em}.math-text__abs{display:inline-flex;align-items:center;gap:.25em}.app,.home{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.app__main,.home__section{flex:1;display:flex;flex-direction:column}.navbar{position:sticky;top:0;left:0;right:0;z-index:1400;isolation:isolate;width:100%;background:#f8fafcf7;box-shadow:0 1px #1118270f}.navbar__inner{display:flex;align-items:center;justify-content:center;padding:12px 10px;min-height:68px;max-width:1100px;margin:0 auto;position:relative}.navbar__brand{text-align:center}.navbar__user{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.navbar__avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(.95rem,3vw,1.1rem);display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;box-shadow:0 4px 10px #11182726;overflow:hidden;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.navbar__avatar:hover{transform:scale(1.05);box-shadow:0 6px 14px #11182733}.navbar__avatar:active{transform:scale(.98)}.navbar__avatar--initial{background:none}.navbar__avatar-initial{width:100%;text-align:center;letter-spacing:.02em}.navbar__avatar-image{width:100%;height:100%;object-fit:cover;display:block}.navbar__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #1118271f,0 2px 8px #11182714;padding:8px 0;z-index:1500;animation:dropdownSlide .2s ease}@media (max-width: 640px){.navbar__dropdown{min-width:200px;right:-4px}}.navbar__dropdown-header{padding:12px 16px}.navbar__dropdown-name{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:600;font-size:.95rem;color:#0f172a;margin-bottom:2px;word-break:break-word}.navbar__dropdown-email{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;color:#475569;word-break:break-word}.navbar__dropdown-divider{height:1px;background:#11182714;margin:4px 0}.navbar__dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:500;color:#0f172a;text-align:left;cursor:pointer;transition:background-color .15s ease}.navbar__dropdown-item:hover{background:#1118270a}.navbar__dropdown-item:active{background:#11182714}.navbar__dropdown-item--logout{color:#dc2626}.navbar__dropdown-item--logout:hover{background:#dc26260a}.navbar__dropdown-item--logout:active{background:#dc262614}.navbar__dropdown-icon{width:18px;height:18px;flex-shrink:0}.navbar__modal-overlay{position:fixed;inset:0;background:#111827b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.navbar__modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #1118274d;padding:28px;max-width:400px;width:100%;animation:modalSlide .25s ease}@media (max-width: 640px){.navbar__modal{padding:24px;max-width:340px}}.navbar__modal-title{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.4rem;color:#0f172a;margin:0 0 12px}@media (max-width: 640px){.navbar__modal-title{font-size:1.25rem}}.navbar__modal-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#475569;margin:0 0 24px;line-height:1.5}@media (max-width: 640px){.navbar__modal-text{font-size:.9rem;margin-bottom:20px}}.navbar__modal-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 640px){.navbar__modal-actions{flex-direction:column-reverse;gap:10px}}.navbar__modal-button{padding:10px 24px;border-radius:8px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-width:90px}@media (max-width: 640px){.navbar__modal-button{width:100%;padding:12px 24px}}.navbar__modal-button--cancel{background:#1118270f;color:#0f172a}.navbar__modal-button--cancel:hover{background:#1118271a}.navbar__modal-button--cancel:active{background:#11182724}.navbar__modal-button--confirm{background:#dc2626;color:#fff}.navbar__modal-button--confirm:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.navbar__modal-button--confirm:active{transform:translateY(0)}.navbar__logo{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0;text-decoration:none}.navbar__logo-image{height:clamp(22px,5vw,32px);width:auto;max-width:300px;display:block}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlide{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding{position:relative;background:#f8fafc;min-height:calc(100vh - 68px);display:flex;flex-direction:column;text-align:center}.onboarding--placement{height:auto;overflow:visible;padding-top:clamp(48px,10vw,80px);padding-bottom:clamp(48px,10vw,80px)}.onboarding--placement .onboarding__form-container{margin-top:0;max-height:none}.onboarding--placement .onboarding__hero{overflow-y:visible}.onboarding__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.onboarding__actions .btn{min-width:200px}.onboarding__section{border:1px solid rgba(15,23,42,.08);border-left:none;border-right:none;background:#fff;border-radius:0;box-shadow:none;padding:24px 16px;text-align:left;margin-top:0;display:flex;flex-direction:column;flex:1}@media (min-width: 640px){.onboarding__section{border-left:1px solid rgba(15,23,42,.08);border-right:1px solid rgba(15,23,42,.08);border-radius:0 0 16px 16px;box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a;padding:32px 28px}}@media (min-width: 768px){.onboarding__section{padding:36px 32px}}.onboarding__section.placement{padding:28px 20px;overflow-y:visible;min-height:0;flex:none}@media (min-width: 640px){.onboarding__section.placement{padding:36px 32px}}@media (min-width: 768px){.onboarding__section.placement{padding:40px}}.onboarding__hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding:clamp(8px,1.5vw,12px) 0 clamp(16px,3vw,24px)}@media (min-width: 640px){.onboarding__hero{padding:clamp(8px,1.5vw,12px) clamp(16px,4vw,24px) clamp(24px,4vw,32px)}}.onboarding__back-button{position:absolute;top:clamp(8px,1.5vw,12px);left:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid rgba(15,23,42,.15);border-radius:8px;color:#0f172a;cursor:pointer;transition:all .2s ease;z-index:10}@media (min-width: 640px){.onboarding__back-button{left:clamp(16px,4vw,24px)}}.onboarding__back-button:hover{background:#0f172a0d;border-color:#0f172a40;transform:translate(-2px)}.onboarding__back-button svg{width:20px;height:20px}.onboarding__form-container{position:relative;z-index:2;width:100%;margin:0;display:flex}@media (min-width: 640px){.onboarding__form-container{width:min(100%,900px);margin:0 auto}}.onboarding__form-container{flex-direction:column;flex:1;max-height:100%}.onboarding__form-container--shake{animation:shake .6s ease-in-out}.onboarding__actions{margin-top:auto;padding-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:nowrap;width:100%}.onboarding__actions--step{justify-content:space-between;align-items:center}.onboarding__actions--step .btn--primary{flex:1;min-width:0}.onboarding__actions--step-first{justify-content:center}.onboarding__actions--step-first .btn{width:100%}.onboarding__actions--single{justify-content:center}.onboarding__status{position:relative;z-index:2;margin:12px auto 20px;max-width:680px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500}.onboarding__progress-header{background:#fff;padding:16px 12px;border-radius:0;border:1px solid rgba(15,23,42,.08);border-left:none;border-right:none;border-bottom:1px solid rgba(15,23,42,.06);display:flex;flex-direction:column;gap:12px;box-shadow:none}@media (min-width: 640px){.onboarding__progress-header{padding:18px 20px;border-left:1px solid rgba(15,23,42,.08);border-right:1px solid rgba(15,23,42,.08);border-radius:16px 16px 0 0;box-shadow:0 1px 3px #0f172a0f}}@media (min-width: 768px){.onboarding__progress-header{padding:20px 24px}}.onboarding__progress-header--error{border-bottom-color:#dc262633;border-bottom-width:2px}.onboarding__progress-info{display:flex;justify-content:space-between;align-items:center}.onboarding__progress-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.9rem;color:#0f172abf}.onboarding__progress-percentage{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.1rem;color:#7c3aed}.onboarding__progress-bar-wrapper{width:100%}.onboarding__progress-bar-track{width:100%;height:8px;background:#0f172a14;border-radius:100px;overflow:hidden;position:relative}.onboarding__progress-bar-fill{height:100%;background:#58cc02;border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.onboarding__progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shine 2s infinite}.onboarding__progress-steps{display:flex;gap:8px;justify-content:center}.onboarding__progress-step{width:20px;height:4px;background:#0f172a1f;border-radius:100px;transition:all .3s ease}.onboarding__progress-step--active{background:#58cc02;box-shadow:0 0 8px #58cc0266}.onboarding__progress-step--completed{background:#58cc024d}.onboarding__moderation-error{position:relative;display:flex;align-items:center;gap:12px;padding:16px 12px;margin-bottom:0;background:#fef2f2;border:2px solid #fecaca;border-top:none;border-left:none;border-right:none;border-radius:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.95rem;color:#b91c1c;line-height:1.5;animation:slideDown .3s ease-out}@media (min-width: 640px){.onboarding__moderation-error{padding:16px 20px;border-left:2px solid #fecaca;border-right:2px solid #fecaca;border-radius:0 0 12px 12px}}@media (min-width: 768px){.onboarding__moderation-error{padding:16px 24px}}.onboarding__moderation-error:before{content:"!";display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#dc26261f;color:#b91c1c;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1rem;flex-shrink:0}.onboarding__label{margin-bottom:0;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(1.15rem,4.5vw,1.3rem);color:#0f172a;line-height:1.3;letter-spacing:-.01em}.onboarding__fields-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%}@media (min-width: 640px){.onboarding__fields-grid{grid-template-columns:repeat(2,1fr)}}.onboarding__field{margin-bottom:0;display:flex;flex-direction:column;gap:8px}.onboarding__field--full{grid-column:1/-1}.onboarding__input,.onboarding__select{width:100%;padding:12px 16px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem;color:#0f172a;background:#f8fafc;border:1px solid rgba(15,23,42,.15);border-radius:8px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.onboarding__input:focus,.onboarding__select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.onboarding__input:disabled,.onboarding__select:disabled{opacity:.6;cursor:not-allowed}.onboarding__input::placeholder,.onboarding__select::placeholder{color:#0f172a66;font-family:Inter,Helvetica Neue,Arial,sans-serif}.onboarding__textarea{resize:vertical;line-height:1.5;min-height:120px}.onboarding__helper{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;color:#475569;margin-top:6px;text-align:right}.onboarding__error{color:#dc2626;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:500;min-height:20px;margin:0;padding-left:3px;opacity:0;transition:opacity .18s ease}.onboarding__error--visible{opacity:1}.onboarding__format-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}@media (max-width: 639px){.onboarding__format-options{grid-template-columns:repeat(2,1fr);gap:10px}}.onboarding__format-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 8px;background:#fff;border:1px solid rgba(15,23,42,.15);border-radius:8px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 640px){.onboarding__format-btn{padding:10px 12px;font-size:.9rem}}@media (hover: hover) and (pointer: fine){.onboarding__format-btn:hover:not(:disabled){background:#7c3aed0d;border-color:#7c3aed4d;transform:translateY(-1px)}}.onboarding__format-btn:active:not(:disabled){transform:translateY(0)}.onboarding__format-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding__format-btn--selected{background:#7c3aed14;border-color:#7c3aed;color:#7c3aed;font-weight:600;box-shadow:0 0 0 3px #7c3aed14}@media (hover: hover) and (pointer: fine){.onboarding__format-btn--selected:hover:not(:disabled){background:#7c3aed1f;border-color:#6931c9;box-shadow:0 0 0 3px #7c3aed1f}}.onboarding__format-btn--selected:after{content:"✓";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:.95rem;font-weight:700;color:#7c3aed}.onboarding__format-btn--disabled{opacity:.4;cursor:not-allowed}.onboarding__format-btn--disabled:hover:not(:disabled){background:#fff;border-color:#0f172a26;transform:none;box-shadow:none}.onboarding__format-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.onboarding__format-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);padding:6px 10px;border-radius:8px;background:#0f172ad9;color:#f8fafc;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.onboarding__format-tooltip:hover{opacity:1;visibility:visible;transform:translate(-50%,-8px)}.onboarding__format-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:8px;height:8px;background:#0f172ad9;clip-path:polygon(50% 100%,0 0,100% 0)}.placement-summary{text-align:left;display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}.placement-summary__title{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(1.35rem,4vw,1.6rem);color:#0f172a;margin:0;text-align:center}.placement-summary__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.placement-summary__metric{background:#7c3aed0f;border:1px solid rgba(124,58,237,.12);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:6px}.placement-summary__metric-label{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.9rem;color:#0f172ab3;text-transform:uppercase;letter-spacing:.08em}.placement-summary__metric-value{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.5rem;color:#7c3aed}.placement-summary__group{background:#fff;border-radius:14px;padding:clamp(16px,4vw,20px);border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px #0f172a0f}.placement-summary__group--weaknesses{border-color:#06b6d440}.placement-summary__group-title{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.1rem;color:#0f172a;margin:0 0 10px}.placement-summary__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.placement-summary__list-item{position:relative;padding-left:20px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.98rem;color:#0f172ae0}.placement-summary__list-item:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#7c3aed}.placement-summary__narrative{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6;color:#0f172ad9;background:#fff;border-radius:12px;padding:18px;border:1px solid rgba(15,23,42,.08)}.placement-summary__group--context{display:grid;gap:16px;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:14px;padding:clamp(16px,4vw,20px)}.placement-summary__group--context .placement-summary__context-item h4{margin:0 0 6px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1rem;color:#0f172a}.placement-summary__group--context .placement-summary__context-item p{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.98rem;color:#0f172acc;line-height:1.5}.placement-summary__prerequisites{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.placement-summary__prerequisite{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.placement-summary__prerequisite h5{margin:0;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.05rem;color:#0f172a}.placement-summary__prerequisite p{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.96rem;color:#0f172ac7;line-height:1.5}.placement-summary__badge{align-self:flex-start;padding:4px 10px;border-radius:12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;background:#0f172a14;color:#0f172a}.placement-summary__badge--secure{background:#58cc022e;color:#58cc02}.placement-summary__badge--developing{background:#7c3aed24;color:#7c3aed}.placement-summary__badge--gap{background:#dc26262e;color:#dc2626}.placement-summary__path{display:grid;gap:18px}.placement-summary__path-card{background:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.08);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 30px #0f172a0d}.placement-summary__path-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.placement-summary__path-header h5{margin:0;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.05rem;color:#0f172a}.placement-summary__path-header .placement-summary__path-duration{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.85rem;color:#0f172ab3;background:#7c3aed1f;padding:4px 10px;border-radius:12px}.placement-summary__path-focus{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.96rem;color:#0f172ac7;line-height:1.5}.placement-summary__path-section h6{margin:0 0 6px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:.92rem;color:#7c3aed;text-transform:uppercase;letter-spacing:.06em}.placement-summary__path-section ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.placement-summary__path-section ul li{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.92rem;color:#0f172abf;line-height:1.4}.placement-summary__topics{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.placement-summary__topic-card{background:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.08);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 26px #0f172a0d}.placement-summary__topic-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.placement-summary__topic-header h5{margin:0;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.02rem;color:#0f172a}.placement-summary__topic-rationale{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#0f172ac7;line-height:1.5}.placement-summary__topic-practice h6{margin:0 0 6px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:.92rem;color:#7c3aed;text-transform:uppercase;letter-spacing:.06em}.placement-summary__topic-practice ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.placement-summary__topic-practice ul li{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;color:#0f172abf}.placement-summary__pill{padding:4px 12px;border-radius:12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;background:#7c3aed1f;color:#7c3aed}.placement-summary__pill--foundational{background:#58cc0229;color:#58cc02}.placement-summary__pill--core{background:#7c3aed29;color:#7c3aed}.placement-summary__pill--stretch{background:#06b6d42e;color:#06b6d4}.placement-summary__cta{background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:14px;padding:clamp(16px,4vw,20px);text-align:left}.placement-summary__cta h4{margin:0 0 6px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1rem;color:#7c3aed}.placement-summary__cta p{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.98rem;color:#0f172ad9;line-height:1.5}.placement-summary__status{position:relative;z-index:2;margin:12px auto 20px;max-width:680px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500}.placement-summary__progress-header{background:#fff;padding:20px 24px;border-radius:16px 16px 0 0;border:1px solid rgba(15,23,42,.08);border-bottom:1px solid rgba(15,23,42,.06);display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #0f172a0f}.placement-summary__progress-header--error{border:2px solid #fecaca;border-bottom:1px solid rgba(220,38,38,.15);box-shadow:0 1px 3px #dc262614,0 4px 16px #dc26261f}.placement-summary__progress-info{display:flex;justify-content:space-between;align-items:center}.placement-summary__progress-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.95rem;color:#475569}.placement-summary__progress-percentage{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1rem;color:#58cc02}.placement-summary__progress-bar-wrapper{width:100%}.placement-summary__progress-bar-track{width:100%;height:8px;background:#0f172a14;border-radius:100px;overflow:hidden}.placement-summary__progress-bar-fill{height:100%;background:linear-gradient(90deg,#58cc02,#89e219);border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.placement-summary__progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shine 2s infinite}.placement-summary__progress-steps{display:flex;gap:8px;justify-content:center}.placement-summary__progress-step{width:32px;height:4px;background:#0f172a26;border-radius:100px;transition:all .3s ease}.placement-summary__progress-step--active{background:#58cc02;box-shadow:0 0 8px #58cc0266}.placement-summary__progress-step--completed{background:#58cc024d}.placement-summary__moderation-error{position:relative;display:flex;align-items:center;gap:12px;padding:16px 18px;margin-bottom:0;background:#fef2f2;border:2px solid #fecaca;border-top:none;border-bottom:none;border-radius:0;color:#b91c1c;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.95rem;line-height:1.5;text-align:left;box-shadow:0 4px 12px #dc26261a}.placement-summary__moderation-error:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#dc26261f;color:#b91c1c;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1rem;flex-shrink:0}.placement-summary__label{margin-bottom:0;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(1.15rem,4.5vw,1.3rem);color:#0f172a;line-height:1.3;letter-spacing:-.01em}.placement-summary__fields-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%}@media (min-width: 640px){.placement-summary__fields-grid{grid-template-columns:repeat(2,1fr)}}.placement-summary__field{margin-bottom:0;display:flex;flex-direction:column;gap:8px}.placement-summary__field--full{grid-column:1/-1}.placement-summary__input,.placement-summary__select,.placement-summary__textarea{width:100%;margin-top:0;padding:12px 16px;border:1px solid rgba(15,23,42,.15);border-radius:8px;background:#fff;color:#0f172a;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:.95rem;min-height:48px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.placement-summary__input:focus,.placement-summary__select:focus,.placement-summary__textarea:focus{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.placement-summary__input::placeholder,.placement-summary__select::placeholder,.placement-summary__textarea::placeholder{color:#0f172a66;font-family:Inter,Helvetica Neue,Arial,sans-serif}.placement-summary__textarea{resize:vertical;line-height:1.5;min-height:120px}.placement-summary__helper{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;color:#475569;margin-top:6px;text-align:right}.placement-summary__error{color:#dc2626;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:500;min-height:20px;margin:0;padding-left:3px;opacity:0;transition:opacity .18s ease;text-align:left}.placement-summary__error--visible{opacity:1}.placement-summary__format-options{display:grid;grid-template-columns:1fr;gap:10px;width:100%}@media (min-width: 640px){.placement-summary__format-options{grid-template-columns:repeat(2,1fr)}}.placement-summary__format-option{position:relative;width:100%}@media (hover: hover) and (pointer: fine){.placement-summary__format-option:hover .onboarding__format-tooltip{opacity:1;transform:translate(-50%,-8px);visibility:visible}}.placement-summary__format-btn{-webkit-tap-highlight-color:transparent;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 34px 12px 16px;background:#fff;border:1px solid rgba(15,23,42,.15);border-radius:8px;color:#0f172a;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.95rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-align:center;cursor:pointer;transition:all .2s ease;outline:none}@media (min-width: 640px){.placement-summary__format-btn{font-size:.95rem}}@media (hover: hover) and (pointer: fine){.placement-summary__format-btn:hover:not(:disabled){background:#7c3aed05;border-color:#7c3aed4d;transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed14}}.placement-summary__format-btn:active:not(:disabled){transform:translateY(0)}.placement-summary__format-btn:disabled{opacity:.5;cursor:not-allowed}.placement-summary__format-btn--selected{background:#7c3aed14;border-color:#7c3aed;color:#7c3aed;font-weight:600;box-shadow:0 0 0 3px #7c3aed14}@media (hover: hover) and (pointer: fine){.placement-summary__format-btn--selected:hover:not(:disabled){background:#7c3aed1f;border-color:#6931c9;box-shadow:0 0 0 3px #7c3aed1f}}.placement-summary__format-btn--selected:after{content:"✓";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:.95rem;font-weight:700;color:#7c3aed}.placement-summary__format-btn--disabled{opacity:.4;cursor:not-allowed}.placement-summary__format-btn--disabled:hover:not(:disabled){background:#fff;border-color:#0f172a26;transform:none;box-shadow:none}.placement-summary__format-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.placement-summary__format-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);padding:6px 10px;border-radius:8px;background:#0f172ad9;color:#f8fafc;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;pointer-events:none;z-index:2}.placement-summary__format-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:8px;height:8px;background:#0f172ad9;clip-path:polygon(50% 100%,0 0,100% 0)}.placement__progress-header{background:linear-gradient(135deg,#7c3aed08,#7c3aed03);padding:24px 20px 20px;border-radius:16px 16px 0 0;border-bottom:none;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #0000000a}@media (min-width: 640px){.placement__progress-header{padding:28px 28px 24px}}.placement__progress-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.placement__progress-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:1rem;color:#0f172a;letter-spacing:-.01em}.placement__progress-right{display:flex;align-items:center;gap:16px}.placement__timer{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#3b82f61f;border-radius:20px;border:1px solid rgba(59,130,246,.25);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.95rem;color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.placement__timer svg{opacity:.9}.placement__progress-percentage{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.25rem;color:#007aff;letter-spacing:-.02em}.placement__progress-bar{width:100%;height:10px;background:#0f172a0f;border-radius:100px;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.placement__progress-fill{height:100%;background:linear-gradient(90deg,#007aff,#7c3aed);border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 12px #007aff66}.placement__progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);background-size:200% 100%;animation:shine 2s infinite}.placement__question-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(15,23,42,.06)}.placement__heading{margin:0;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.5rem;color:#0f172a;letter-spacing:-.02em}@media (min-width: 640px){.placement__heading{font-size:1.75rem}}.placement__feedback-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.9rem;animation:bounceIn .5s ease-out}.placement__feedback-badge--correct{background:#10b98126;color:#10b981;border:2px solid rgba(16,185,129,.3)}.placement__feedback-badge--incorrect{background:#f59e0b26;color:#d08609;border:2px solid rgba(245,158,11,.3)}.placement--feedback{animation:pulse .3s ease-in-out}.placement__progress-header+.onboarding__moderation-error,.placement__progress-header+.onboarding__section{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.placement__question-text{margin-bottom:24px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:1.125rem;line-height:1.7;color:#0f172a}@media (min-width: 640px){.placement__question-text{font-size:1.25rem}}.placement__options{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin-bottom:28px}@media (min-width: 640px){.placement__options{gap:14px}}.placement__option{-webkit-tap-highlight-color:transparent;position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:64px;padding:16px 50px 16px 20px;background:#fff;border:2px solid rgba(15,23,42,.12);border-radius:12px;color:#0f172a;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:1rem;line-height:1.5;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 1px 3px #0000000d}@media (min-width: 640px){.placement__option{padding:18px 56px 18px 24px;font-size:1.05rem}}.placement__option:hover:not(:disabled){background:#7c3aed0a;border-color:#7c3aed59;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed1f}.placement__option:active:not(:disabled){transform:translateY(0)}.placement__option:disabled{opacity:.5;cursor:not-allowed}.placement__option--selected{background:#7c3aed1a;border-color:#7c3aed;border-width:2px;color:#7c3aed;font-weight:600;box-shadow:0 0 0 4px #7c3aed1a,0 4px 12px #7c3aed26;transform:translateY(-1px)}.placement__option--selected:hover:not(:disabled){background:#7c3aed24;border-color:#6931c9;box-shadow:0 0 0 4px #7c3aed1f,0 6px 16px #7c3aed33;transform:translateY(-2px)}.placement__option--selected:after{content:"✓";position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:1.3rem;font-weight:700;color:#7c3aed;animation:checkmarkPop .3s ease-out}.placement__answer{margin-bottom:28px}.placement__textarea{width:100%;padding:16px 20px;border:2px solid rgba(15,23,42,.12);border-radius:12px;background:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:1rem;line-height:1.6;color:#0f172a;outline:none;resize:vertical;min-height:120px;transition:all .25s ease;box-shadow:0 1px 3px #0000000d}@media (min-width: 640px){.placement__textarea{padding:18px 24px;font-size:1.05rem;min-height:140px}}.placement__textarea:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a,0 4px 12px #7c3aed14;transform:translateY(-1px)}.placement__textarea::placeholder{color:#0f172a66;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400}.placement__actions{display:flex;flex-direction:column;gap:14px;padding-top:8px}@media (min-width: 640px){.placement__actions{gap:16px}}.placement__actions-top{display:flex;justify-content:space-between;gap:14px}.placement__actions-top .btn{flex:1;min-width:0}.placement__submit-btn{width:100%;font-size:1.05rem;padding:16px 24px;font-weight:600}@media (min-width: 640px){.placement__submit-btn{font-size:1.1rem;padding:18px 32px}}.generated-test__header{background:linear-gradient(135deg,#7c3aed14,#7c3aed05);padding:28px 20px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 12px #0000000f;text-align:center;border:1px solid rgba(124,58,237,.15)}@media (min-width: 640px){.generated-test__header{padding:36px 32px;margin-bottom:24px}}.generated-test__title{margin:0 0 8px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.75rem;color:#0f172a;letter-spacing:-.02em}@media (min-width: 640px){.generated-test__title{font-size:2.25rem}}.generated-test__topic{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:1rem;color:#0f172aa6}@media (min-width: 640px){.generated-test__topic{font-size:1.125rem}}.generated-test__status{margin-top:16px;padding:12px 20px;background:#7c3aed14;border-radius:8px;border:1px solid rgba(124,58,237,.2);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#0f172a;text-align:center}.placement-loading{display:flex;align-items:center;justify-content:center;min-height:320px;padding:clamp(48px,8vw,64px) clamp(24px,6vw,40px)}.placement-loading__content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;max-width:480px}.placement-loading__spinner{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.placement-loading__spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#7c3aed;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.placement-loading__spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:#7c3aed}.placement-loading__spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#7c3aed99;width:70%;height:70%}.placement-loading__spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#7c3aed4d;width:50%;height:50%}.placement-loading__title{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(1.3rem,4vw,1.6rem);color:#0f172a;margin:0;letter-spacing:-.01em;animation:fadeInUp .6s ease-out}.placement-loading__subtitle{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:clamp(.95rem,3vw,1.05rem);color:#0f172ab3;margin:0;line-height:1.6;animation:fadeInUp .8s ease-out}.placement-loading__dots{display:flex;gap:8px;margin-top:8px}.placement-loading__dot{width:8px;height:8px;background:#7c3aed;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.placement-loading__dot:nth-child(1){animation-delay:0s}.placement-loading__dot:nth-child(2){animation-delay:.2s}.placement-loading__dot:nth-child(3){animation-delay:.4s}.placement-loading__quote{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:1.05rem;color:#7c3aedcc;margin:16px 0 0;padding:16px 24px;background:#7c3aed0d;border-radius:8px;border-left:4px solid #7C3AED;font-style:italic;line-height:1.6;animation:fadeInUp .5s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes checkmarkPop{0%{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1);opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-10%,10%) scale(1.05)}66%{transform:translate(10%,-10%) scale(.95)}}@media (min-width: 640px){.onboarding{padding:10px}.onboarding__form-container{width:min(100%,900px)}.onboarding__label{font-size:1.35rem;margin-bottom:6px}.onboarding__input,.onboarding__select,.onboarding__textarea{font-size:1rem;padding:14px 18px;min-height:52px}.onboarding__actions{margin-top:24px;gap:14px}.onboarding__format-btn{min-height:48px;font-size:.95rem;padding:12px}}@media (min-width: 768px){.onboarding__form-container{width:min(100%,900px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;max-height:100%}.onboarding__textarea{min-height:clamp(120px,22vh,160px)}.onboarding__actions{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.onboarding__submit-btn{width:auto;min-width:220px}.onboarding__actions-top{gap:16px}.onboarding__format-btn{min-height:52px;font-size:1rem;padding:14px}}@media (min-width: 768px){.placement__options{grid-template-columns:repeat(2,minmax(0,1fr))}.placement__textarea{min-height:clamp(120px,22vh,160px)}}.student-form{position:relative;background:#f8fafc;min-height:calc(100vh - 68px);display:flex;flex-direction:column;text-align:center}.student-form__back-button{position:absolute;top:clamp(8px,1.5vw,12px);left:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid rgba(15,23,42,.15);border-radius:8px;color:#0f172a;cursor:pointer;transition:all .2s ease;z-index:10}@media (min-width: 640px){.student-form__back-button{left:clamp(16px,4vw,24px)}}.student-form__back-button:hover{background:#0f172a0d;border-color:#0f172a40;transform:translate(-2px)}.student-form__back-button svg{width:20px;height:20px}.student-form__hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;overflow-y:visible;padding:clamp(8px,1.5vw,12px) 0 clamp(16px,3vw,24px)}@media (min-width: 640px){.student-form__hero{padding:clamp(8px,1.5vw,12px) clamp(16px,4vw,24px) clamp(24px,4vw,32px)}}.student-form__form-container{position:relative;z-index:2;width:100%;margin:0;display:flex;flex-direction:column;flex:1}@media (min-width: 640px){.student-form__form-container{width:min(100%,900px);margin:0 auto}}.student-form__form-container--shake{animation:shake .6s ease-in-out}.student-form__coppa-notice{background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:12px 16px;margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;color:#7c3aed;text-align:center;line-height:1.4}.student-form__coppa-notice strong{font-weight:600}.student-form__coppa-block{display:flex;align-items:flex-start;gap:12px;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:16px;margin:16px 0;animation:slideDown .3s ease-out}.student-form__coppa-block-icon{flex-shrink:0;width:24px;height:24px;color:#dc2626}.student-form__coppa-block-icon svg{width:100%;height:100%}.student-form__coppa-block-content{flex:1;text-align:left}.student-form__coppa-block-content h4{margin:0 0 6px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1rem;color:#dc2626}.student-form__coppa-block-content p{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;color:#b91c1c;line-height:1.5}.student-form__progress-header{background:#fff;padding:16px 12px;border-radius:0;border:1px solid rgba(15,23,42,.08);border-left:none;border-right:none;border-bottom:1px solid rgba(15,23,42,.06);display:flex;flex-direction:column;gap:12px;box-shadow:none}@media (min-width: 640px){.student-form__progress-header{padding:18px 20px;border-left:1px solid rgba(15,23,42,.08);border-right:1px solid rgba(15,23,42,.08);border-radius:16px 16px 0 0;box-shadow:0 1px 3px #0f172a0f}}@media (min-width: 768px){.student-form__progress-header{padding:20px 24px}}.student-form__progress-header--error{border-bottom-color:#dc262633;border-bottom-width:2px}.student-form__progress-info{display:flex;justify-content:space-between;align-items:center}.student-form__progress-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.9rem;color:#0f172abf}.student-form__progress-percentage{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1.1rem;color:#7c3aed}.student-form__progress-bar-wrapper{width:100%}.student-form__progress-bar-track{width:100%;height:8px;background:#0f172a14;border-radius:100px;overflow:hidden;position:relative}.student-form__progress-bar-fill{height:100%;background:#58cc02;border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.student-form__progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shine 2s infinite}.student-form__progress-steps{display:flex;gap:8px;justify-content:center}.student-form__progress-step{width:20px;height:4px;background:#0f172a1f;border-radius:100px;transition:all .3s ease}.student-form__progress-step--active{background:#58cc02;box-shadow:0 0 8px #58cc0266}.student-form__progress-step--completed{background:#58cc024d}.student-form__server-error{position:relative;display:flex;align-items:center;gap:12px;padding:16px 12px;margin-bottom:0;background:#fef2f2;border:2px solid #fecaca;border-top:none;border-left:none;border-right:none;border-radius:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.95rem;color:#b91c1c;line-height:1.5;animation:slideDown .3s ease-out}@media (min-width: 640px){.student-form__server-error{padding:16px 20px;border-left:2px solid #fecaca;border-right:2px solid #fecaca;border-radius:0 0 12px 12px}}@media (min-width: 768px){.student-form__server-error{padding:16px 24px}}.student-form__server-error:before{content:"!";display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#dc26261f;color:#b91c1c;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1rem;flex-shrink:0}.student-form__status{position:relative;z-index:2;margin:12px auto 20px;max-width:680px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-weight:500}.student-form__status--error{color:#dc2626}.student-form__section{border:1px solid rgba(15,23,42,.08);border-left:none;border-right:none;background:#fff;border-radius:0;box-shadow:none;padding:24px 16px;text-align:left;margin-top:0;display:flex;flex-direction:column;flex:1}@media (min-width: 640px){.student-form__section{border-left:1px solid rgba(15,23,42,.08);border-right:1px solid rgba(15,23,42,.08);border-radius:0 0 16px 16px;box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a;padding:32px 28px}}@media (min-width: 768px){.student-form__section{padding:36px 32px}}.student-form__section--error{border-top-color:#dc262633;border-top-width:2px}.student-form__fields-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%}@media (min-width: 640px){.student-form__fields-grid{grid-template-columns:repeat(2,1fr)}}.student-form__field{margin-bottom:0;display:flex;flex-direction:column;gap:8px}.student-form__field--full{grid-column:1/-1}.student-form__label{margin-bottom:0;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(1.15rem,4.5vw,1.3rem);color:#0f172a;line-height:1.3;letter-spacing:-.01em}.student-form__input,.student-form__select,.student-form__textarea{width:100%;padding:12px 16px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem;color:#0f172a;background:#f8fafc;border:1px solid rgba(15,23,42,.15);border-radius:8px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.student-form__input:focus,.student-form__select:focus,.student-form__textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.student-form__input:disabled,.student-form__select:disabled,.student-form__textarea:disabled{opacity:.6;cursor:not-allowed}.student-form__input::placeholder,.student-form__select::placeholder,.student-form__textarea::placeholder{color:#0f172a66;font-family:Inter,Helvetica Neue,Arial,sans-serif}.student-form__textarea{resize:vertical;line-height:1.5;min-height:120px}.student-form__age-display{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;color:#475569;margin-top:4px;font-weight:500}.student-form__checkbox-wrapper{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.student-form__checkbox{flex-shrink:0;width:18px;height:18px;margin:2px 0 0;accent-color:#7C3AED;cursor:pointer}.student-form__checkbox:disabled{opacity:.5;cursor:not-allowed}.student-form__checkbox-label{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:#0f172a;line-height:1.4;cursor:pointer;-webkit-user-select:none;user-select:none}.student-form__checkbox-label:hover{color:#7c3aed}.student-form__subject-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}@media (max-width: 639px){.student-form__subject-options{grid-template-columns:repeat(2,1fr);gap:10px}}.student-form__subject-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 8px;background:#fff;border:1px solid rgba(15,23,42,.15);border-radius:8px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 640px){.student-form__subject-btn{padding:10px 12px;font-size:.9rem}}@media (hover: hover) and (pointer: fine){.student-form__subject-btn:hover:not(:disabled){background:#7c3aed0d;border-color:#7c3aed4d;transform:translateY(-1px)}}.student-form__subject-btn:active:not(:disabled){transform:translateY(0)}.student-form__subject-btn:disabled{opacity:.5;cursor:not-allowed}.student-form__subject-btn--selected{background:#7c3aed14;border-color:#7c3aed;color:#7c3aed;font-weight:600;box-shadow:0 0 0 3px #7c3aed14}@media (hover: hover) and (pointer: fine){.student-form__subject-btn--selected:hover:not(:disabled){background:#7c3aed1f;border-color:#6931c9;box-shadow:0 0 0 3px #7c3aed1f}}.student-form__subject-btn--selected:after{content:"✓";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:.95rem;font-weight:700;color:#7c3aed}.student-form__error{color:#dc2626;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:500;min-height:20px;margin:0;padding-left:3px;opacity:0;transition:opacity .18s ease}.student-form__error--visible{opacity:1}.student-form__helper{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;color:#475569;margin-top:6px;text-align:right}.student-form__actions{margin-top:auto;padding-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:nowrap;width:100%}.student-form__actions--step{justify-content:space-between;align-items:center}.student-form__actions--step .btn--primary{flex:1;min-width:0}.student-form__actions--step-first{justify-content:center}.student-form__actions--step-first .btn{width:100%}@media (max-width: 640px){.student-form__subject-options{grid-template-columns:repeat(2,1fr)}.student-form__fields-grid{grid-template-columns:1fr}}.btn{-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:12px;border:2px solid transparent;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:500;font-size:1rem;line-height:1.2;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .16s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed40}.btn--block{width:100%}.btn--primary{background:linear-gradient(135deg,#7c3aed 0% 100%);color:#fff;text-decoration:none;border-color:transparent;box-shadow:0 1px 3px #7c3aed33,0 4px 12px #7c3aed40}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#7034d5,#7c3aed);box-shadow:0 1px 3px #7c3aed4d,0 6px 16px #7c3aed59;transform:translateY(-1px)}.btn--success{background:linear-gradient(135deg,#7c3aed,#007aff);color:#fff;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed4d;font-weight:700}.btn--success:hover:not(:disabled){background:linear-gradient(135deg,#007aff,#7c3aed);box-shadow:0 4px 16px #7c3aed66;transform:translateY(-2px) scale(1.02)}.btn--success:active:not(:disabled){transform:scale(.97)}.btn--gold{background:linear-gradient(135deg,#fbbf24,#ff9500);color:#fff;border-color:#d5a21f;box-shadow:0 2px 8px #fbbf244d;font-weight:700}.btn--gold:hover:not(:disabled){background:linear-gradient(135deg,#ff9500,#fbbf24);box-shadow:0 4px 16px #fbbf2480;transform:translateY(-2px)}.btn--info{background:linear-gradient(135deg,#007aff,#196dfb);color:#fff;border-color:#006ee6;box-shadow:0 2px 8px #007aff4d}.btn--info:hover:not(:disabled){background:linear-gradient(135deg,#1a87ff,#1f6afb);box-shadow:0 4px 12px #007aff66;transform:translateY(-2px)}.btn--secondary{background:#fff;color:#0f172a;border-color:#0f172a33;box-shadow:0 1px 3px #0f172a1a}.btn--secondary:hover:not(:disabled){background:#f8fafc;border-color:#0f172a4d;box-shadow:0 2px 8px #0f172a26;transform:translateY(-1px)}.btn--ghost{background:transparent;color:#0f172abf;border-color:transparent}.btn--ghost:hover:not(:disabled){background:#0f172a0f;color:#0f172a}@media (min-width: 640px){.btn{min-height:50px;padding:13px 24px;font-size:1.05rem}}.auth{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 68px);padding:clamp(24px,6vw,48px) clamp(16px,4vw,24px);width:100%;max-width:100vw;margin:0 auto;background:#f8fafc;overflow-x:hidden;overflow-y:auto}.auth__header{display:flex;flex-direction:column;align-items:stretch;text-align:center}.auth__title{position:relative;z-index:2;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(1.8rem,5vw,2.2rem);color:#0f172a;text-align:center;margin:0 0 10px;letter-spacing:-.02em}.auth__subtitle{position:relative;z-index:2;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:clamp(.95rem,3vw,1.05rem);color:#0f172aa6;text-align:center;margin:0 0 clamp(24px,5vw,32px);line-height:1.5}.auth__form{position:relative;z-index:2;width:100%;max-width:520px;margin:0 auto;background:#fff;border-radius:16px;padding:clamp(24px,5vw,32px);display:flex;flex-direction:column;gap:clamp(18px,3.2vh,24px);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;border:1px solid rgba(15,23,42,.04);transition:transform .24s ease,box-shadow .24s ease}.auth__form--shake{animation:shake .6s ease-in-out}.auth__server-error{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:0;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.9rem;line-height:1.5;text-align:left;box-shadow:0 2px 8px #dc262614;animation:slideInDown .3s ease-out}.auth__server-error:before{content:"⚠";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#dc26261f;color:#b91c1c;font-size:.9rem;flex-shrink:0;margin-top:1px}.auth__field{position:relative;margin-bottom:0}.auth__label{display:block;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.9rem;color:#0f172a;margin-bottom:6px;padding-left:2px}.auth__input{width:100%;padding:12px 16px;border:1px solid rgba(15,23,42,.15);border-radius:8px;background:#fff;color:#0f172a;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:.95rem;min-height:48px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;margin-top:0}.auth__input::placeholder{color:#94a3b8}.auth__input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.auth__input--error{border-color:#dc2626;background:#fffbfb}.auth__input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.auth__consent{display:flex;flex-direction:column;gap:12px;margin-top:8px}.auth__checkbox{display:flex;align-items:flex-start;gap:10px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:400;color:#0f172a;cursor:pointer;line-height:1.4}.auth__checkbox input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#7C3AED}.auth__checkbox span{flex:1}.auth__terms{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:400;color:#0f172ab3;line-height:1.5;margin:0}.auth__terms a{color:#7c3aed;text-decoration:none;font-weight:500;transition:color .18s ease}.auth__terms a:hover{color:#6931c9;text-decoration:underline}.auth__actions{margin-top:16px;display:flex;flex-direction:column;gap:12px;width:100%}.auth__actions .btn{width:100%;justify-content:center}.auth__divider{position:relative;display:flex;align-items:center;text-align:center;margin:8px 0}.auth__divider:before,.auth__divider:after{content:"";flex:1;border-bottom:1px solid rgba(15,23,42,.1)}.auth__divider-text{padding:0 16px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;font-weight:500;color:#0f172a80;text-transform:uppercase;letter-spacing:.08em}.auth__google-btn{position:relative;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.15);box-shadow:0 1px 3px #0f172a14;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 20px;border-radius:8px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease}.auth__google-btn:active:not(:disabled){transform:translateY(0)}.auth__google-btn:disabled{opacity:.5;cursor:not-allowed}.auth__google-btn:hover:not(:disabled){background:#f8fafc;border-color:#0f172a40;box-shadow:0 2px 8px #0f172a1f}.auth__google-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed33}.auth__google-btn:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24c0 3.55.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.auth__links{margin-top:5px;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(15,23,42,.08)}.auth__link-group{display:flex;align-items:center;gap:6px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.92rem}.auth__link{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.95rem;color:#7c3aed;text-decoration:none;transition:color .18s ease,text-decoration .18s ease}.auth__link:hover{color:#6931c9;text-decoration:underline}.auth__link--secondary{color:#0f172aa6}.auth__link--secondary:hover{color:#0f172a;text-decoration:underline}.auth__link-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.92rem;color:#0f172aa6;margin:0}.password-input{position:relative;width:100%}.password-input__field{width:100%;padding-right:50px}.password-input__toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .18s ease;color:#0f172a80}.password-input__toggle:hover{background:#0f172a0d;color:#0f172abf}.password-input__toggle:focus-visible{outline:2px solid rgba(124,58,237,.4);outline-offset:2px}.password-input__icon{flex-shrink:0}.input__error{position:absolute;top:-16px;left:4px;display:flex;align-items:center;gap:6px;color:#dc2626;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.82rem;font-weight:500;line-height:1.3;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.input__error:before{content:"●";font-size:.55rem;color:#dc2626}.input__error--visible{opacity:1;transform:translateY(0)}.link{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.95rem;color:#7c3aed;text-decoration:none;transition:color .18s ease,text-decoration .18s ease}.link:hover{color:#6931c9;text-decoration:underline}.link--home,.link--secondary{color:#0f172aa6}.link--home:hover,.link--secondary:hover{color:#0f172a;text-decoration:underline}.link--small{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:.95rem;color:#7c3aed;text-decoration:none;transition:color .18s ease,text-decoration .18s ease}.link--small:hover{color:#6931c9;text-decoration:underline}.btn--google{position:relative;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.15);box-shadow:0 1px 3px #0f172a14}.btn--google:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24c0 3.55.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.btn--google:hover:not(:disabled){background:#f8fafc;border-color:#0f172a40;box-shadow:0 2px 8px #0f172a1f}@media (min-width: 640px){.auth{padding:clamp(48px,8vw,80px) clamp(24px,6vw,40px);justify-content:center}.auth__title{font-size:2.4rem}.auth__subtitle{font-size:1.1rem;margin-bottom:36px}.auth__form{padding:32px 40px;border-radius:16px}.auth__input{padding:14px 18px;font-size:1rem;min-height:52px;margin-top:5px}.auth__server-error{padding:16px 18px;font-size:.95rem}.auth__server-error:before{width:26px;height:26px;font-size:1rem}.auth__consent{margin-top:10px}.auth__checkbox{font-size:.95rem}.auth__checkbox input[type=checkbox]{width:19px;height:19px}.auth__terms{font-size:.92rem}.auth__actions{margin-top:22px;gap:14px}.auth__google-btn{min-height:54px;padding:14px 22px;font-size:1.05rem}.auth__google-btn:before{width:22px;height:22px}.auth__links{margin-top:15px;padding-top:20px}.btn--google{min-height:54px;padding:14px 22px;font-size:1.05rem}.btn--google:before{width:22px;height:22px}.input__error{font-size:.88rem}}@media (min-width: 768px){.auth__title{font-size:2.5rem}.auth__form{padding:36px 48px}}@media (min-width: 1024px){.auth__title{font-size:2.6rem}.auth__subtitle{font-size:1.15rem}.auth__form{padding:30px 28px}}.test-access{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:2rem 1rem}.test-access__header{max-width:900px;margin:0 auto 2rem;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.test-access__welcome{text-align:center}.test-access__title{font-size:2rem;font-weight:600;color:#1d1d1f;margin:0 0 1rem;letter-spacing:-.5px}.test-access__topic{font-size:1.125rem;color:#667eea;margin:0 0 1.5rem;font-weight:500}.test-access__topic strong{font-weight:600}.test-access__instructions{font-size:1rem;color:#6c757d;line-height:1.6;max-width:600px;margin:0 auto}.test-access__error{max-width:600px;margin:4rem auto;background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 12px #0000001a}.test-access__error-icon{font-size:4rem;margin-bottom:1rem}.test-access__error-title{font-size:1.75rem;font-weight:600;color:#dc3545;margin:0 0 1rem}.test-access__error-message{font-size:1.125rem;color:#495057;margin:0 0 1.5rem}.test-access__error-help{font-size:.9375rem;color:#6c757d;line-height:1.6;margin:0}.test-access__status{max-width:900px;margin:2rem auto;padding:1rem 1.5rem;background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;text-align:center;font-weight:500}@media (max-width: 768px){.test-access{padding:1rem .5rem}.test-access__header{padding:1.5rem;margin-bottom:1.5rem}.test-access__title{font-size:1.5rem}.test-access__topic{font-size:1rem}.test-access__instructions{font-size:.9375rem}.test-access__error{margin:2rem auto;padding:2rem 1.5rem}.test-access__error-title{font-size:1.5rem}}.footer{border-top:2px solid #D1D5DB;background:linear-gradient(135deg,#f8fafc,#fff 55%,#f3f4f6);margin-top:auto}.footer__inner{max-width:1100px;margin:0 auto;padding:clamp(18px,4vw,24px) clamp(16px,5vw,32px) clamp(20px,4vw,28px)}.footer__top{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px}@media (min-width: 640px){.footer__top{flex-direction:row;align-items:center}}.footer__brand{display:flex;align-items:center;gap:12px}.footer__logo{height:clamp(22px,5vw,32px);width:auto;display:block}.footer__brand-text{display:flex;flex-direction:column;gap:2px}.footer__title{font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:1rem;color:#0f172a}.footer__tagline{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.9rem;color:#475569}.footer__nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.footer__link{color:#0f172aa6}.footer__link:hover{color:#0f172a;text-decoration:underline}.footer__link{font-size:.95rem;text-decoration:none}.footer__button{color:#0f172aa6}.footer__button:hover{color:#0f172a;text-decoration:underline}.footer__button{background:none;border:none;padding:0;cursor:pointer;font:inherit}.footer__bottom{margin-top:clamp(14px,3vw,20px);padding-top:14px;border-top:1px solid rgba(209,213,219,.9);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem;color:#94a3b8}.test-complete{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#7c3aed0d,#007aff0d)}.test-complete__container{max-width:600px;width:100%;background:#fff;border-radius:18px;padding:clamp(32px,5vw,48px);box-shadow:0 4px 24px #00000014;text-align:center}.test-complete__icon{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#14e8a2);border-radius:50%;color:#fff;box-shadow:0 8px 32px #10b9814d}.test-complete__icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.test-complete__title{margin:0 0 16px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(1.75rem,4vw,2.25rem);color:#0f172a;letter-spacing:-.02em}.test-complete__message{margin:0 0 12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:clamp(1rem,2vw,1.125rem);color:#3f4555;line-height:1.6}.test-complete__timestamp{margin:0 0 32px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:.95rem;color:#6f747f}.test-complete__info{margin:32px 0;padding:24px;background:#3b82f60f;border-left:4px solid #3b82f6;border-radius:12px;text-align:left}.test-complete__info-title{margin:0 0 16px;font-family:Poppins,Helvetica Neue,sans-serif;font-weight:600;font-size:1.25rem;color:#0f172a}.test-complete__info-list{margin:0;padding-left:24px;list-style:none}.test-complete__info-list li{position:relative;margin-bottom:12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:1rem;color:#4b515f;line-height:1.6}.test-complete__info-list li:before{content:"✓";position:absolute;left:-24px;color:#10b981;font-weight:700}.test-complete__info-list li:last-child{margin-bottom:0}.test-complete__footer{margin-top:32px;padding-top:24px;border-top:1px solid rgba(15,23,42,.1)}.test-complete__note{margin:0 0 12px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.95rem;color:#575d6a}.test-complete__contact{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:.9rem;color:#6f747f}@media (min-width: 768px){.test-complete__container{padding:56px}}