*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f9fafb;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;-webkit-font-smoothing:antialiased;padding:40px 0}.container{width:100%;max-width:560px;padding:0 20px}.brand-header{display:flex;justify-content:center;margin-bottom:28px}.brand-logo{height:60px;width:auto}.page-header{text-align:center;margin-bottom:28px;color:#111827}.page-header svg{color:#111827;margin-bottom:8px}.page-header h1{font-size:1.5rem;font-weight:800}.page-header p{font-size:.9rem;color:#6b7280;margin-top:6px}.cert-list{display:flex;flex-direction:column;gap:12px}.cert-card{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .2s,box-shadow .2s}.cert-card:hover{border-color:#111827;box-shadow:0 1px 6px #11182714}.cert-card-left{display:flex;align-items:flex-start;gap:14px}.cert-card-left svg{color:#111827;flex-shrink:0;margin-top:2px}.cert-card-left h2{font-size:1rem;font-weight:700;color:#111827}.cert-card-left p{font-size:.85rem;color:#6b7280;margin-top:2px}.cert-card-arrow{color:#9ca3af;flex-shrink:0;transition:transform .2s}.cert-card:hover .cert-card-arrow{transform:translate(4px)}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 0;background:none;border:none;font-size:.9rem;font-weight:600;font-family:inherit;color:#6b7280;cursor:pointer;margin-bottom:20px;transition:color .2s}.back-btn:hover{color:#111827}.card{background:#fff;border-radius:12px;padding:28px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000f}.cert-form-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.cert-form-header svg{color:#111827;flex-shrink:0;margin-top:2px}.cert-form-header h2{font-size:1.1rem;font-weight:700;color:#111827}.cert-form-desc{font-size:.85rem;color:#6b7280;margin-top:2px}.search-box{display:flex;gap:8px;margin-bottom:0}.search-box input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.search-box input:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.search-box input:disabled{background:#f3f4f6;cursor:not-allowed}.search-box button{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#111827;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}.search-box button:hover:not(:disabled){background:#374151}.search-box button:active:not(:disabled){transform:translateY(-1px)}.search-box button:disabled{opacity:.5;cursor:not-allowed}.message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:.9rem;margin-top:16px}.message.error{background:#fef2f2;color:#dc2626}.result{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:20px}.result h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;margin-bottom:16px;color:#111827}.result h3 svg{color:#111827;flex-shrink:0}.info-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-item{display:flex;flex-direction:column;gap:2px}.info-item .label{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.info-item .value{font-size:.92rem;color:#111827}.cert-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#111827;color:#fff;text-decoration:none;border-radius:10px;font-size:.9rem;font-weight:600;transition:background .2s,transform .2s}.cert-link:hover{background:#374151}.cert-link:active{transform:translateY(-1px)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}