@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.header{position:sticky;top:0;z-index:100;background:#0d0d0de6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;text-decoration:none}.logo{height:16px;width:auto;transition:opacity .2s}.logo:hover{opacity:.8}.header-right{display:flex;align-items:center;gap:16px}.cert-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.cert-btn:hover{background:#ffffff1a;border-color:#b4cc0e4d;color:#fff}.cert-btn svg{flex-shrink:0}@media (max-width: 480px){.header-container{padding:12px 16px}.logo{height:14px}.cert-btn{padding:6px 12px;font-size:.8rem}}.footer{padding:24px;text-align:center;background:var(--color-bg-card)}.footer-container{max-width:1200px;margin:0 auto}.footer-text{margin:0;font-size:.85rem;color:#fff6}.footer-text a{color:var(--color-primary);text-decoration:none;transition:color .2s;opacity:.8}.footer-text a:hover{opacity:1}.validation-result{width:100%;max-width:700px;animation:fadeSlideIn .5s ease-out}.result-status{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:16px;margin-bottom:1.5rem}.result-status.valid{background:#b4cc0e1a;border:1px solid rgba(180,204,14,.3)}.result-status.invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.status-icon{width:48px;height:48px;flex-shrink:0}.result-status.valid .status-icon{color:var(--color-primary)}.result-status.invalid .status-icon{color:var(--color-error)}.status-icon svg{width:100%;height:100%}.status-text h2{font-size:1.375rem;font-weight:700;margin-bottom:.25rem}.result-status.valid .status-text h2{color:var(--color-primary)}.result-status.invalid .status-text h2{color:var(--color-error)}.file-name{font-size:.9375rem;color:var(--color-text-muted);word-break:break-all}.result-section{background:#141414cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full{grid-column:span 2}.info-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9375rem;color:var(--color-text)}.info-value.mono{font-family:JetBrains Mono,monospace;font-size:.8125rem}.info-value.highlight{color:var(--color-primary);font-weight:600}.status-badge,.coverage-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.status-badge.valid{background:#b4cc0e26;color:var(--color-primary)}.status-badge.invalid{background:#ef444426;color:var(--color-error)}.coverage-badge{background:#31bef026;color:var(--color-secondary)}.coverage-badge.full{background:#b4cc0e26;color:var(--color-primary)}.cert-chain{display:flex;flex-direction:column}.cert-item{display:flex;gap:1rem}.cert-connector{display:flex;flex-direction:column;align-items:center;width:20px}.cert-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.cert-line{width:2px;flex:1;background:var(--color-border);margin:4px 0}.cert-content{flex:1;padding-bottom:1rem}.cert-item:last-child .cert-content{padding-bottom:0}.cert-name{font-weight:600;font-size:.9375rem;color:var(--color-text);margin-bottom:.125rem}.cert-org{font-size:.8125rem;color:var(--color-text-muted)}.cert-validity{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.fingerprints{display:flex;flex-direction:column;gap:.75rem}.fingerprint-item{display:flex;flex-direction:column;gap:.25rem}.fingerprint-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.fingerprint-value{font-family:JetBrains Mono,monospace;font-size:.6875rem;color:var(--color-text);background:var(--color-bg-dark);padding:.5rem .75rem;border-radius:6px;word-break:break-all;line-height:1.5}.result-section.errors{border-color:#ef44444d;background:#ef44440d}.error-list{list-style:none;padding:0;margin:0}.error-list li{font-size:.875rem;color:var(--color-error);padding:.5rem 0;border-bottom:1px solid rgba(239,68,68,.2)}.error-list li:last-child{border-bottom:none;padding-bottom:0}.result-actions{display:flex;justify-content:center;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.result-status{flex-direction:column;text-align:center;padding:1.25rem}.info-grid{grid-template-columns:1fr}.info-item.full{grid-column:span 1}.fingerprint-value{font-size:.625rem}}.validator-main{width:100%;max-width:700px;animation:fadeSlideIn .6s ease-out}.validator-header{text-align:center;margin-bottom:2.5rem}.validator-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.03em}.gradient-text{color:var(--color-primary)}.validator-subtitle{font-size:1.125rem;color:var(--color-text-muted);line-height:1.6}.dropzone{border:2px dashed var(--color-border);border-radius:20px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05;position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(180,204,14,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.dropzone:hover{border-color:var(--color-primary);background:#b4cc0e08;transform:translateY(-2px);box-shadow:0 12px 40px #b4cc0e1a}.dropzone:hover:before{opacity:1}.dropzone.drag-active{border-color:var(--color-primary);background:#b4cc0e14;transform:scale(1.02);box-shadow:0 16px 48px #b4cc0e33}.dropzone.drag-reject{border-color:var(--color-error);background:#ef444414}.dropzone.loading{cursor:wait;opacity:.8}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:1}.dropzone-icon{width:72px;height:72px;color:var(--color-text-muted);transition:all .3s ease}.dropzone:hover .dropzone-icon{color:var(--color-primary);transform:scale(1.1)}.dropzone.drag-active .dropzone-icon{color:var(--color-primary);transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(180,204,14,.5))}.dropzone-icon svg{width:100%;height:100%}.dropzone-icon .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropzone-text{display:flex;flex-direction:column;gap:.5rem}.dropzone-primary{font-size:1.25rem;font-weight:600;color:var(--color-text)}.dropzone-secondary{font-size:.9375rem;color:var(--color-text-muted)}.error-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-icon{width:48px;height:48px;color:var(--color-error)}.error-icon svg{width:100%;height:100%}.error-content h3{font-size:1.125rem;font-weight:600;color:var(--color-error);margin-bottom:.25rem}.error-content p{font-size:.9375rem;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--color-primary);color:var(--color-bg-dark)}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #b4cc0e59}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 768px){.validator-title{font-size:1.75rem}.validator-subtitle{font-size:1rem}.dropzone{padding:3rem 1.5rem;border-radius:16px}.dropzone-icon{width:56px;height:56px}.dropzone-primary{font-size:1.0625rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.modal-close{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.modal-close:hover{background:#ffffff1a}.modal-close svg{width:20px;height:20px;color:#fff9}.modal-body{padding:24px;overflow-y:auto;overflow-x:hidden}.modal-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:#fff9}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;color:#f87171}.cert-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;margin-left:1px;margin-right:1px}.cert-card{background:#ffffff05;border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s}.cert-card:hover{border-color:var(--color-border-light)}.cert-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:8px}.cert-subject{font-size:.9rem;color:#fff;font-weight:500;margin-bottom:8px;word-break:break-all}.cert-dates{font-size:.8rem;color:var(--color-text-muted)}.cert-fingerprints{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.fingerprint-item{display:flex;flex-direction:column;gap:4px}.fingerprint-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.fingerprint-value{font-family:JetBrains Mono,Fira Code,monospace;font-size:.65rem;color:var(--color-text-secondary);background:var(--color-bg-dark);padding:6px 8px;border-radius:4px;word-break:break-all;line-height:1.4}.cert-downloads{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--color-border);margin-left:1px;margin-right:1px}.download-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#b4cc0e1a;border:1px solid rgba(180,204,14,.3);border-radius:8px;color:var(--color-primary);font-size:.85rem;font-weight:500;line-height:1.2;cursor:pointer;transition:all .2s}.download-btn:hover{background:#b4cc0e33;border-color:#b4cc0e80}.download-btn svg{flex-shrink:0}@media (max-width: 480px){.modal-content{max-height:95vh}.modal-header{padding:16px 20px}.modal-body{padding:20px}.cert-downloads{flex-direction:column}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;padding:2rem 1rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.main-content{padding:1rem}}:root{--color-primary: #b4cc0e;--color-primary-dark: #98a121;--color-primary-light: #b7ce21;--color-secondary: #31bef0;--color-secondary-dark: #3b7fc2;--color-bg-dark: #0d0d0d;--color-bg-card: #141414;--color-bg-card-hover: #1a1a1a;--color-text: #ffffff;--color-text-muted: #a3a3a3;--color-text-secondary: #737373;--color-border: #262626;--color-border-light: #333333;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--gradient-green: linear-gradient(180deg, #b4cc0e 0%, #98a121 50%, #b7ce21 100%);--gradient-blue: radial-gradient(circle, #31bef0 0%, #3b7fc2 100%);--glow-primary: 0 0 30px rgba(180, 204, 14, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg-dark);color:var(--color-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,black 40%,transparent 100%)}.bg-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(180,204,14,.08) 0%,transparent 70%);pointer-events:none;z-index:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--color-primary);color:var(--color-bg-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}