[data-v-2b0acde7]{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.page[data-v-2b0acde7]{background-image:url(/assets/bg-DDaopeh1.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:100vh;padding:40px 24px;display:flex;overflow:hidden}.card[data-v-2b0acde7]{justify-content:space-between;align-items:center;gap:70px;width:100%;max-width:1250px;display:flex}.left-side[data-v-2b0acde7]{flex-direction:column;justify-content:center;align-items:center;width:52%;display:flex}.logo[data-v-2b0acde7]{object-fit:contain;filter:drop-shadow(0 10px 20px #00000014);width:clamp(340px,45vw,760px);margin-bottom:35px}.title[data-v-2b0acde7]{text-align:center;color:#0f172a;text-shadow:0 2px 8px #ffffff4d;margin-bottom:18px;font-size:40px;font-weight:800;line-height:1.3}.description[data-v-2b0acde7]{text-align:center;color:#334155;max-width:480px;font-size:1.08rem;line-height:1.8}.right-side[data-v-2b0acde7]{-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #fffffff2;border-radius:34px;width:100%;max-width:460px;margin-top:45px;padding:90px 40px 45px;position:relative;box-shadow:0 20px 45px #0f172a14}.right-side[data-v-2b0acde7]:before{content:"🔒";background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:10px;font-size:38px;display:flex;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #3b82f61f}.form-container[data-v-2b0acde7]{width:100%}.form-title[data-v-2b0acde7]{color:#0f172a;text-align:center;margin-top:1px;margin-bottom:10px;padding-top:2px;font-size:2.5rem;font-weight:800}.form-subtitle[data-v-2b0acde7]{text-align:center;color:#64748b;margin-bottom:38px;font-size:1rem;line-height:1.7}input[data-v-2b0acde7]{color:#0f172a;background:#fff;border:1px solid #dbe3f0;border-radius:14px;outline:none;width:100%;height:58px;margin-bottom:18px;padding:0 18px;font-size:15px;transition:all .25s}input[data-v-2b0acde7]::placeholder{color:#94a3b8}input[data-v-2b0acde7]:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}button[data-v-2b0acde7]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;width:100%;height:58px;margin-top:8px;font-size:16px;font-weight:700;transition:all .25s}button[data-v-2b0acde7]:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb38}.page-footer[data-v-2b0acde7]{color:#0f172ab8;text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:1250px;margin-top:28px;padding:18px 0 8px;font-size:.95rem;display:flex}.page-footer .copyright[data-v-2b0acde7]{color:#0f172ae0;font-weight:600}.page-footer .contact[data-v-2b0acde7]{color:#0f172aa3;font-size:.92rem}.page-footer .contact a[data-v-2b0acde7]{color:#2563eb;margin:0 6px;text-decoration:none}.page-footer .contact a[data-v-2b0acde7]:hover{text-decoration:underline}button[data-v-2b0acde7]:active{transform:scale(.98)}@media (width<=1100px){.card[data-v-2b0acde7]{gap:40px}.title[data-v-2b0acde7]{font-size:2.4rem}.logo[data-v-2b0acde7]{max-width:420px}}@media (width<=900px){.page[data-v-2b0acde7]{padding:25px 18px}.card[data-v-2b0acde7]{flex-direction:column;gap:28px}.left-side[data-v-2b0acde7]{width:100%}.right-side[data-v-2b0acde7]{width:100%;max-width:470px}.logo[data-v-2b0acde7]{max-width:320px;margin-bottom:24px}.title[data-v-2b0acde7]{margin-bottom:14px;font-size:2rem}.description[data-v-2b0acde7]{max-width:90%;font-size:1rem}}@media (width<=600px){.page[data-v-2b0acde7]{padding:16px}.card[data-v-2b0acde7]{gap:22px}.right-side[data-v-2b0acde7]{border-radius:24px;padding:35px 22px}.logo[data-v-2b0acde7]{max-width:260px;margin-bottom:18px}.title[data-v-2b0acde7]{font-size:1.45rem;line-height:1.5}.description[data-v-2b0acde7]{font-size:.95rem;line-height:1.7}.form-title[data-v-2b0acde7]{font-size:1.7rem}.form-subtitle[data-v-2b0acde7]{margin-bottom:28px;font-size:.92rem}input[data-v-2b0acde7]{border-radius:14px;padding:15px;font-size:14px}button[data-v-2b0acde7]{border-radius:14px;padding:15px;font-size:15px}}[data-v-f1fb48fd]{box-sizing:border-box;margin:0;padding:0}.page[data-v-f1fb48fd]{background-image:url(/assets/bg-DDaopeh1.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.content[data-v-f1fb48fd]{text-align:center;width:100%;max-width:700px;padding:40px 20px}.logo[data-v-f1fb48fd]{align-self:center;width:120%;min-width:280px;max-width:500px;margin-bottom:10px}.title[data-v-f1fb48fd]{letter-spacing:1px;color:#111;margin-bottom:10px;font-size:3rem;font-weight:700}.subtitle[data-v-f1fb48fd]{color:#222;margin-bottom:10px;font-size:1.6rem;line-height:1.6}.status-text[data-v-f1fb48fd]{font-weight:800}.success[data-v-f1fb48fd]{color:#16a34a}.danger[data-v-f1fb48fd]{color:#dc2626}.photo-wrapper[data-v-f1fb48fd]{margin-bottom:20px}.student-photo[data-v-f1fb48fd]{object-fit:cover;border-radius:8px;width:220px;height:280px}.student-name[data-v-f1fb48fd]{color:#111;margin-bottom:8px;font-size:2rem;font-weight:700}.nisn[data-v-f1fb48fd]{margin-bottom:20px;font-size:1.4rem}.button-group[data-v-f1fb48fd]{flex-direction:column;align-items:center;gap:14px;display:flex}.btn[data-v-f1fb48fd]{cursor:pointer;border:none;border-radius:12px;width:320px;padding:16px;font-size:1.2rem;font-weight:600;text-decoration:none}.btn-primary[data-v-f1fb48fd]{color:#fff;background:#3b82f6}.btn-primary[data-v-f1fb48fd]:hover{background:#2563eb}.btn-secondary[data-v-f1fb48fd]{color:#111;background:#f3f4f6}.btn-halted[data-v-f1fb48fd]{color:#b45309;box-shadow:none;background:0 0;border:2px solid #f59e0b}.btn-halted[data-v-f1fb48fd]:hover{background:#f59e0b14}@media (width<=768px){.page[data-v-f1fb48fd]{background-image:url(/assets/bg2-B95NuBi-.jpg)}.logo[data-v-f1fb48fd]{max-width:280px}.title[data-v-f1fb48fd]{font-size:2rem}.subtitle[data-v-f1fb48fd]{font-size:1.1rem}.student-photo[data-v-f1fb48fd]{width:170px;height:220px}.student-name[data-v-f1fb48fd]{font-size:1.4rem}.btn[data-v-f1fb48fd]{width:100%}}.content-box[data-v-f1fb48fd]{background:0 0}.lulus-bg[data-v-f1fb48fd]{color:#fff;text-align:center;background:#16a34a;width:100vw;margin-left:calc(50% - 50vw);padding:20px 0}.lulus-bg .status-text[data-v-f1fb48fd]{color:#fff}.tidak-lulus-bg[data-v-f1fb48fd]{color:#fff;text-align:center;background:#dc2626;width:100vw;margin-left:calc(50% - 50vw);padding:20px 0}.tidak-lulus-bg .status-text[data-v-f1fb48fd]{color:#fff}.administration-halt-bg[data-v-f1fb48fd]{color:#fff;text-align:center;background:#f59e0b;width:100vw;margin-left:calc(50% - 50vw);padding:20px 0}.administration-halt-bg .status-text[data-v-f1fb48fd]{color:#fff}.warning[data-v-f1fb48fd]{color:#fbbf24}.page-footer[data-v-f1fb48fd]{color:#111827b8;text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:700px;margin-top:28px;padding:18px 0 8px;font-size:.95rem;display:flex}.page-footer .copyright[data-v-f1fb48fd]{color:#111827e0;font-weight:600}.page-footer .contact[data-v-f1fb48fd]{color:#111827a3;font-size:.92rem}.page-footer .contact a[data-v-f1fb48fd]{color:#2563eb;margin:0 6px;text-decoration:none}.page-footer .contact a[data-v-f1fb48fd]:hover{text-decoration:underline}