:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#0ea5e9;--bg-color:#f0f4f8;--text-dark:#1e293b;--text-light:#64748b}*{box-sizing:border-box;outline:0;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(at 0 0,hsla(253,16%,7%,.03) 0,transparent 50%),radial-gradient(at 50% 0,hsla(225,39%,30%,.03) 0,transparent 50%),radial-gradient(at 100% 0,hsla(339,49%,30%,.03) 0,transparent 50%);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.status-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);width:100%;max-width:480px;padding:40px;border-radius:28px;box-shadow:0 25px 50px -12px rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.5) inset;text-align:center;transition:all .3s ease}.header-icon{width:70px;height:70px;background:linear-gradient(135deg,#eff6ff 0,#e0e7ff 100%);color:var(--primary);font-size:30px;border-radius:20px;display:flex;justify-content:center;align-items:center;margin:0 auto 20px auto;box-shadow:0 10px 20px rgba(79,70,229,.1)}h2{background:linear-gradient(135deg,#1e293b,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:28px;margin-bottom:8px;letter-spacing:-.5px}p.subtitle{color:var(--text-light);font-size:15px;margin-bottom:30px;font-weight:400}.input-group{position:relative;margin-bottom:20px}.input-group i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px;transition:.3s}input{width:100%;padding:16px 16px 16px 50px;border:2px solid #e2e8f0;border-radius:16px;font-size:15px;font-weight:600;color:var(--text-dark);background:#f8fafc;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}input::placeholder{color:#94a3b8;font-weight:400;text-transform:none}input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.1)}.input-group i.active,input:focus+i{color:var(--primary)}button{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px rgba(79,70,229,.4);display:flex;justify-content:center;align-items:center;gap:8px}button:hover{transform:translateY(-3px);box-shadow:0 15px 25px -5px rgba(79,70,229,.5)}button:disabled{opacity:.7;transform:none;cursor:not-allowed}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#resultsContainer{margin-top:30px;text-align:left}.result-box{background:#fff;padding:20px;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 10px 30px rgba(0,0,0,.03);margin-bottom:15px;animation:fadeInUp .4s ease forwards;position:relative;overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.app-id{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:1px}.badge{padding:6px 12px;border-radius:30px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:5px}.badge-pending{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.badge-approved{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.badge-rejected{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}h3.stu-name{font-size:20px;font-weight:800;color:var(--text-dark);margin-bottom:4px}p.stu-class{font-size:14px;color:var(--text-light);font-weight:500;margin-bottom:15px}.cert-card{padding:20px;border-radius:20px;margin-bottom:15px;animation:fadeInUp .4s ease forwards;position:relative;overflow:hidden;border-left:5px solid}.cert-tc{background:linear-gradient(to right,#fff,#f5f3ff);border-color:#7c3aed;box-shadow:0 10px 30px rgba(124,58,237,.05)}.cert-bonafide{background:linear-gradient(to right,#fff,#fdf4ff);border-color:#c026d3;box-shadow:0 10px 30px rgba(192,38,211,.05)}.cert-icon-bg{position:absolute;right:-15px;bottom:-15px;font-size:90px;opacity:.04}.cert-tc .cert-icon-bg{color:#7c3aed}.cert-bonafide .cert-icon-bg{color:#c026d3}.cert-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:5px;margin-bottom:10px}.cert-tc .cert-label{color:#7c3aed}.cert-bonafide .cert-label{color:#c026d3}.cert-meta{display:grid;grid-template-columns:1fr;gap:5px;margin-top:15px;padding-top:15px;border-top:1px dashed rgba(0,0,0,.1);font-size:13px;color:#475569;font-weight:500}.cert-meta b{color:#0f172a}.back-link{display:inline-block;margin-top:25px;text-decoration:none;color:var(--text-light);font-size:14px;font-weight:600;transition:.3s}.back-link:hover{color:var(--primary);transform:translateX(-3px)}.error-box{background:#fef2f2;border:1px solid #fecaca;padding:20px;border-radius:16px;text-align:center;color:#b91c1c;animation:fadeInUp .3s ease}