h2{font-size:15px!important;font-weight:700!important;color:#1e3a8a;margin-bottom:14px!important;padding-bottom:8px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:8px}h2 .icon{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.section{margin-bottom:28px}.scenario-block{background:#eff6ff;border-left:4px solid #4338ca;border-radius:8px;padding:18px 22px;display:flex;gap:14px;align-items:flex-start}.scenario-icon{font-size:22px;flex-shrink:0;line-height:1;margin-top:2px}.scenario-text{font-size:13.5px;color:#1e3a8a;line-height:1.7}.scenario-text strong{font-weight:700}.redirect-table{width:100%;border-collapse:collapse;margin-top:14px}.redirect-table th{background:#312e81;color:#fff;padding:9px 14px;text-align:left;font-size:12px;font-weight:600;letter-spacing:.3px}.redirect-table th:first-child{border-radius:7px 0 0}.redirect-table th:last-child{border-radius:0 7px 0 0}.redirect-table td{padding:9px 14px;font-size:12.5px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.redirect-table tr:last-child td{border-bottom:none}.redirect-table tr:nth-child(2n) td{background:#f8fafc}.redirect-table tr:nth-child(odd) td{background:white}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700}.role-admin{background:#dbeafe;color:#1e40af}.role-prof{background:#dcfce7;color:#15803d}.role-parent{background:#ede9fe;color:#7c3aed}.url-code{font-family:Consolas,Courier New,monospace;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:11.5px;color:#475569}.steps-list{list-style:none;display:flex;flex-direction:column;gap:10px}.step-item{display:flex;align-items:flex-start;gap:12px;background:white;border:1px solid #e2e8f0;border-radius:9px;padding:13px 16px;box-shadow:0 1px 3px #0000000d}.step-number{width:26px;height:26px;background:#4338ca;color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.step-check{font-size:17px;flex-shrink:0;margin-top:2px}.step-content{flex:1}.step-desc{font-size:13px;color:#334155;line-height:1.55}.step-url{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:2px 9px;font-size:11.5px;font-family:Consolas,Courier New,monospace;color:#475569;margin-top:5px}.rules-block{display:flex;flex-direction:column;gap:10px}.rule-item{display:flex;gap:12px;align-items:flex-start;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:13px 16px}.rule-icon{font-size:17px;flex-shrink:0;margin-top:1px}.rule-text{font-size:13px;color:#92400e;line-height:1.6}.rule-text strong{font-weight:700;color:#78350f}@media (max-width: 680px){body{padding:14px}.header{padding:24px 20px}.header h1{font-size:18px}.header-meta{text-align:left}.features-grid{grid-template-columns:1fr}.nav-bar{flex-direction:column}.nav-btn-group{width:100%;justify-content:center}.redirect-table{font-size:11.5px}}.nav-bar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 24px;gap:12px;flex-wrap:wrap}.nav-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:8px;font-size:12.5px;font-weight:600;text-decoration:none;border:2px solid #e2e8f0;transition:all .15s;cursor:pointer}.nav-btn-prev{background:white;color:#4338ca;border-color:#4338ca}.nav-btn-home{background:#4338ca;color:#fff;border-color:#4338ca}.nav-btn-home:hover{background:#3730a3;border-color:#3730a3}.nav-btn-next{background:white;color:#4338ca;border-color:#4338ca}.nav-btn-next:hover{background:#ede9fe}.nav-btn-group{display:flex;gap:8px}.img-step{width:100%;height:auto;margin-top:10px;margin-bottom:10px}