.academic-page{display:grid;gap:20px;color:#113b5e}.academic-hero,.academic-section,.academic-upload{border:1px solid rgba(198,223,239,.92);box-shadow:0 18px 44px rgba(15,55,88,.1);backdrop-filter:blur(14px)}.academic-hero{min-height:210px;border-radius:22px;padding:32px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(110deg,rgba(3,48,90,.94),rgba(10,118,177,.72)),url('../img/school/gedung-smkn1-kepil.jpg') center/cover;color:#fff}.academic-kicker,.academic-section-head>div>span{display:block;font-weight:900;font-size:12px;letter-spacing:.1em;color:#6de4ff}.academic-hero h1{font-size:clamp(30px,4vw,46px);color:#fff;margin:7px 0}.academic-hero p{max-width:720px;line-height:1.65;margin:0;color:rgba(255,255,255,.9)}.academic-hero-mark{width:94px;height:94px;border-radius:26px;border:1px solid rgba(255,255,255,.42);display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:42px}.academic-section,.academic-upload{border-radius:20px;padding:24px;background:rgba(255,255,255,.82)}.academic-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.academic-section-head>div>span{color:#0783ba}.academic-section-head h2,.academic-upload h2{margin:5px 0 0;color:#0b385d}.academic-section-head p,.academic-upload p{margin:0;color:#5f778b;line-height:1.55}.academic-app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.academic-app-card{min-height:208px;border-radius:18px;padding:17px;display:grid;align-content:start;gap:10px;border:1px solid #c8e0ef;background:#f9fdff;transition:transform .2s ease,box-shadow .2s ease}.academic-app-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(5,68,106,.12)}.academic-app-card i,.academic-document-title i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#dceeff;color:#0864a3;font-style:normal;font-size:22px}.academic-app-card strong{font-size:17px;color:#0a3558}.academic-app-card span{color:#587388;font-size:13px;line-height:1.45}.academic-app-card em{margin-top:auto;color:#087db5;font-style:normal;font-weight:900;font-size:13px}.academic-app-card.tone-green i{background:#dffcf1;color:#087f67}.academic-app-card.tone-gold i{background:#fff0c8;color:#ad7000}.academic-app-card.tone-slate i{background:#e8eef4;color:#597086}.academic-app-pending{opacity:.8}.academic-jump{padding:10px 14px;border-radius:12px;background:#ffca37;color:#0a3558;font-weight:900}.academic-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.academic-document-card{border:1px solid #d2e7f3;border-radius:16px;background:#f8fcff;padding:17px}.academic-document-title{display:flex;gap:10px;align-items:center;margin-bottom:14px}.academic-document-title h3{margin:0;color:#0c3d60}.academic-document-title span{font-size:12px;color:#618096;font-weight:800}.academic-document-card>p{color:#667f92}.academic-doc-list{display:grid;gap:10px}.academic-doc-list>div{border-top:1px solid #dbeaf3;padding-top:10px}.academic-doc-list strong,.academic-doc-list span,.academic-doc-list small{display:block}.academic-doc-list strong{color:#113b5e;line-height:1.35}.academic-doc-list span,.academic-doc-list small{font-size:12px;color:#687f91;margin-top:3px}.academic-doc-list nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.academic-doc-list a,.academic-doc-list button{border:0;border-radius:9px;background:#e1f3ff;color:#0863a0;font-weight:900;padding:7px 9px;font-size:12px}.academic-doc-list form{margin:0}.academic-doc-list button{background:#ffe5e8;color:#b82439}.academic-notice{padding:16px;border-radius:14px;background:#fff7df;border:1px solid #ffe2a0;color:#735100;font-weight:800}.academic-upload{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:24px;background:linear-gradient(135deg,rgba(238,249,255,.94),rgba(255,255,255,.92))}.academic-upload form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.academic-upload label{display:grid;gap:7px;color:#143d5f;font-weight:900}.academic-upload input,.academic-upload select,.academic-upload textarea{width:100%;border:1px solid #c0ddea;border-radius:11px;padding:11px;background:#fff;color:#163e5f;font:inherit}.academic-upload .wide{grid-column:1/-1}.academic-upload button{justify-self:end;border:0;border-radius:12px;background:linear-gradient(135deg,#0976b6,#009676);color:#fff;font-weight:900;padding:12px 18px;cursor:pointer}@media(max-width:1160px){.academic-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.academic-hero,.academic-section,.academic-upload{border-radius:16px;padding:18px}.academic-hero,.academic-section-head,.academic-upload{display:grid;grid-template-columns:1fr}.academic-hero-mark{display:none}.academic-app-grid,.academic-document-grid,.academic-upload form{grid-template-columns:1fr}.academic-upload button{justify-self:stretch}.academic-section-head{align-items:start}.academic-section-head p{margin-top:8px}}