*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:#f3f7fa;color:#102a43}.hero{background:#fff;border-bottom:5px solid transparent;border-image:linear-gradient(90deg,#075985,#13a8df,#ed1c24) 1}.hero-inner{max-width:1260px;min-height:185px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#fff,#f3fbff)}.logo{width:92px;height:92px;object-fit:contain;flex:0 0 auto}.school{font-size:clamp(16px,1.72vw,24px);font-weight:800;line-height:1.15;color:#075985;white-space:nowrap;text-align:center;letter-spacing:-.35px}.system{margin-top:10px;font-size:clamp(15px,1.72vw,24px);font-weight:800;line-height:1.15;color:#9d0208;white-space:nowrap;text-align:center;letter-spacing:-.25px}.wrap{max-width:980px;margin:40px auto;padding:0 20px}.search-card{background:#fff;border:1px solid #dce6ee;border-radius:20px;padding:34px 40px;box-shadow:0 14px 40px #102a4310}.heading{display:flex;gap:14px;align-items:center;margin-bottom:27px}.icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#e7f5fb;color:#075985;font-size:28px}.heading h1{font-size:22px;margin:0}.heading p{font-size:14px;color:#64748b;margin:5px 0}.grid{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:21px}.field.full{grid-column:auto}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:#334e68}.field em{color:#ed1c24;font-style:normal}.field input{width:100%;height:52px;border:1px solid #cbd5e1;border-radius:9px;padding:0 14px;font-size:15px;outline:0}.field input:focus{border-color:#075985;box-shadow:0 0 0 4px #07598512}.buttons{display:flex;justify-content:center;gap:12px;margin-top:27px}.buttons button{height:49px;padding:0 34px;border-radius:9px;font-weight:800;cursor:pointer;font-family:inherit}.buttons button[type=submit]{border:0;background:#075985;color:#fff;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.1px}.buttons .reset{border:1px solid #cbd5e1;background:#fff;color:#475569}.note{margin-top:22px;padding:13px 15px;background:#f8fafc;border:1px solid #e5edf3;border-radius:9px;color:#64748b;font-size:13px;line-height:1.6}.result{margin-top:22px}.result-box{background:#fff;border:1px solid #dce6ee;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #102a4310}.result-head{padding:24px 28px;border-bottom:1px solid #e5edf3}.result-head span{display:inline-block;padding:7px 12px;border-radius:99px;background:#e8f8f0;color:#087443;font-size:12px;font-weight:800}.result-head h2{margin:12px 0 4px;font-size:21px}.result-head p{margin:0;color:#64748b;font-size:14px}.group{padding:22px 28px}.group+.group{border-top:1px solid #edf2f6}.group h3{margin:0 0 14px;color:#075985;font-size:15px}.info-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1e8ef;border-radius:11px;overflow:hidden}.item{display:grid;grid-template-columns:43% 57%;min-height:47px;border-bottom:1px solid #edf2f6}.item:nth-child(odd){border-right:1px solid #edf2f6}.label{padding:11px;background:#f8fafc;font-size:13px;font-weight:700;color:#475569}.value{padding:11px;font-size:14px;word-break:break-word}.error{background:#fff;border:1px solid #fecaca;border-top:4px solid #dc2626;border-radius:16px;text-align:center;padding:27px}.error h2{margin:5px 0 7px;color:#b91c1c}.error p{margin:0;color:#64748b}.hidden{display:none}
.search-status{max-width:980px;margin:18px auto 0;padding:13px 18px;border-radius:12px;display:flex;align-items:center;gap:12px;scroll-margin-top:20px}
.search-status .status-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.search-status strong{display:block;font-size:14px}
.search-status small{display:block;margin-top:3px;font-size:13px}
.success-status{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}
.success-status .status-icon{background:#10b981;color:#fff}
.error-status{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
.error-status .status-icon{background:#dc2626;color:#fff}
footer{margin-top:48px;padding:28px;text-align:center;background:#102a43;color:#dce8f0;font-size:13px;line-height:1.8}@media(max-width:720px){
.hero-inner{min-height:105px;padding:12px 8px;gap:8px;justify-content:center}
.logo{width:52px;height:52px}
.school{font-size:clamp(8px,3.15vw,14px);letter-spacing:-.5px;white-space:nowrap}
.system{font-size:clamp(8px,3.05vw,13px);margin-top:4px;letter-spacing:-.45px;white-space:nowrap}
.wrap{margin-top:20px}
.logo{width:58px;height:58px}
.school{font-size:clamp(8px,3.15vw,14px);letter-spacing:-.5px;white-space:nowrap}
.system{font-size:clamp(8px,3.05vw,13px);margin-top:5px;letter-spacing:-.45px;white-space:nowrap}
.wrap{margin-top:20px}
.search-card{padding:24px 19px}
.grid{grid-template-columns:1fr}
.field.full{grid-column:auto}
.buttons{flex-direction:column}
.buttons button{width:100%}
.info-grid{grid-template-columns:1fr}
.item:nth-child(odd){border-right:0}
.group,.result-head{padding:20px}
}