.stp-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1e293b;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.stp-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:30px;text-align:center;border-radius:12px;margin-bottom:25px}.stp-banner h2{margin:0;font-size:26px}.stp-banner p{margin:5px 0}.stp-role-selection{display:flex;gap:20px;justify-content:center;margin:40px 0;flex-wrap:wrap}.stp-btn-role{background:#2563eb;color:#fff;border:0;padding:20px 40px;font-size:18px;font-weight:bold;border-radius:10px;cursor:pointer}.stp-btn-school{background:#059669}.stp-modal{display:none;position:fixed;z-index:999999;inset:0;overflow:auto;background:rgba(0,0,0,.6);align-items:center;justify-content:center;padding:15px}.stp-modal-content{background:#fff;padding:30px;border-radius:12px;width:100%;max-width:600px;position:relative;max-height:90vh;overflow-y:auto;box-sizing:border-box}.stp-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer;color:#666}.stp-form-group{margin-bottom:15px}.stp-form-group label{display:block;margin-bottom:5px;font-weight:600;font-size:13px}.stp-form-group input,.stp-form-group select,.stp-form-group textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box}.stp-submit-btn{background:#2563eb;color:#fff;border:0;padding:12px 20px;font-weight:bold;border-radius:6px;cursor:pointer}.stp-submit-btn:disabled{opacity:.6;cursor:wait}.stp-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:15px}.stp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.stp-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}.stp-terms-box{background:#f1f5f9;padding:12px;border-radius:6px;font-size:12px;line-height:1.5}.stp-form-container{background:#f8fafc;padding:20px;border-radius:8px;margin-bottom:25px}.stp-dashboard-header{margin-bottom:20px}@media(max-width:768px){.stp-role-selection{flex-direction:column}.stp-btn-role{width:100%}}