@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&family=Unbounded:wght@400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";body{background-color:#0b0f19;margin:0;padding:0}:root{--bg-color:#050505;--card-bg:#0a0a0a;--card-border:#1a1a1a;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--text-muted:#737373;--accent-success:#16a34a;--accent-success-border:#16a34a33;--accent-success-bg:#16a34a14;--accent-error:#ef4444;--accent-error-border:#ef444433;--accent-error-bg:#ef444414;--accent-primary:#fff;--accent-primary-hover:#e5e5e5;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-display:"Unbounded", ui-sans-serif, system-ui, sans-serif;--font-syne:"Syne", ui-sans-serif, system-ui, sans-serif;--font-space:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.app-viewport{background-color:var(--bg-color);background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:80px 80px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 20px;display:flex;position:relative}.app-viewport:before{content:"";filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff04 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.verification-container{z-index:1;width:100%;max-width:480px;margin:auto;position:relative}.card,.glass-card{-webkit-backdrop-filter:blur(24px);background:#0e0e12b8;border:1px solid #ffffff29;border-radius:20px;padding:36px 32px;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s,border-color .4s;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;overflow:hidden;transform:perspective(1000px);box-shadow:0 30px 70px #000000d9,0 8px 32px #00000080,inset 0 1px #ffffff73,inset 0 -1px #ffffff1f,inset 0 0 20px #ffffff08}.card:before,.glass-card:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#ffffffe6,#3b82f699,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:after,.glass-card:after{content:"";z-index:2;background:linear-gradient(#fffc,#0000,#ffffff4d);width:1px;height:100%;position:absolute;top:0;left:0}.card:hover,.glass-card:hover{border-color:#ffffff47;transform:perspective(1000px)translateY(-3px)scale(1.004);box-shadow:0 40px 90px #000000e6,0 0 35px #ffffff0f,inset 0 1px #fff9,inset 0 -1px #fff3,inset 0 0 25px #ffffff0f}.brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:56px;margin-bottom:12px}.brand-title{font-family:var(--font-space);text-transform:uppercase;letter-spacing:.22em;color:var(--text-secondary);font-size:11px;font-weight:700}.brand-subtitle{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);margin-top:4px;font-size:15px;font-weight:700}.status-badge-container{justify-content:center;margin-bottom:24px;display:flex}.status-badge{font-family:var(--font-space);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:8px 18px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex}.status-badge.loading{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff14;animation:1.5s infinite pulse}.status-badge.verified{background:var(--accent-success-bg);color:var(--accent-success);border-color:var(--accent-success-border);box-shadow:0 0 20px #16a34a0d}.status-badge.revoked,.status-badge.error{background:var(--accent-error-bg);color:var(--accent-error);border-color:var(--accent-error-border);box-shadow:0 0 20px #ef44440d}.admin-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=580px){.form-row{grid-template-columns:1fr;gap:14px}}.detail-item{flex-direction:column;gap:6px;width:100%;margin-bottom:14px;display:flex}.detail-label{font-family:var(--font-space);text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);font-size:10px;font-weight:700}.form-input{color:var(--text-primary);background:#0a0a0cd9;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:13px 16px;font-family:inherit;font-size:13.5px;transition:all .25s}.form-input:focus{background:#121216f2;border-color:#fff6;outline:none;box-shadow:0 0 18px #ffffff14}.certificate-details{border-top:1px solid var(--card-border);margin-top:32px;padding-top:32px}.cert-header{text-align:center;margin-bottom:28px}.cert-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.04em;margin-bottom:8px;font-size:20px;font-weight:900}.cert-subtitle{font-family:var(--font-space);color:var(--text-secondary);letter-spacing:.05em;font-size:12px}.divider{background:linear-gradient(90deg, transparent, var(--card-border), transparent);height:1px;margin:24px 0}.details-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=580px){.details-grid{grid-template-columns:1fr;gap:20px}}.detail-value{color:var(--text-primary);font-size:15px;font-weight:500}.loading-state{text-align:center;color:var(--text-secondary);padding:30px 0}.spinner{border:2px solid #ffffff0d;border-top-color:#fff;border-radius:50%;width:28px;height:28px;margin:0 auto 16px;animation:.8s linear infinite spin}.form-success-msg,.form-error-msg{font-family:var(--font-space);text-align:center;letter-spacing:.05em;border:1px solid #0000;border-radius:6px;margin-top:16px;padding:14px;font-size:12px;font-weight:700}.form-success-msg{color:var(--accent-success);background:var(--accent-success-bg);border-color:var(--accent-success-border)}.form-error-msg{color:var(--accent-error);background:var(--accent-error-bg);border-color:var(--accent-error-border)}.actions{justify-content:center;gap:16px;margin-top:36px;display:flex}.btn{font-family:var(--font-space);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#000}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 0 20px #ffffff26}.btn-secondary{color:var(--text-primary);border:1px solid var(--card-border);background:0 0}.btn-secondary:hover:not(:disabled){background:#ffffff08;border-color:#ffffff40;transform:translateY(-2px)}.footer{font-family:var(--font-space);letter-spacing:.1em;color:var(--text-muted);text-align:center;margin-top:48px;font-size:10px;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@media print{body,.app-viewport{min-height:auto;color:#000!important;background:#fff!important}.card{box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;padding:0!important}.actions,.footer,.brand-logo,.status-badge-container{display:none!important}.detail-value{color:#000!important}.detail-label{color:#4b5563!important}}