*{margin:0;padding:0;box-sizing:border-box}:root{--primary-red: #DC2626;--primary-red-dark: #B91C1C;--primary-red-light: #FEE2E2;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--green-500: #22C55E;--green-600: #16A34A}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;min-height:100vh;color:var(--gray-900);-webkit-font-smoothing:antialiased}.app{min-height:100vh}.home-container{min-height:100vh;display:flex;flex-direction:column}.header{padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:10px}.logo{width:150px;height:auto;object-fit:contain}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.hero-content{max-width:700px;text-align:center}.badge{display:inline-flex;align-items:center;gap:8px;background:#dc262626;border:1px solid rgba(220,38,38,.3);color:#ed1c1c;padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:24px}.hero-title{font-size:56px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:20px;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,var(--primary-red) 0%,#F87171 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;color:var(--gray-400);line-height:1.6;margin-bottom:40px}.verify-form{display:flex;flex-direction:column;gap:16px;margin-bottom:60px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:20px;color:var(--gray-400)}.certificate-input{width:100%;padding:18px 20px 18px 52px;font-size:16px;border:2px solid var(--gray-700);border-radius:12px;background:#ffffff0d;color:#fff;transition:all .3s ease}.certificate-input:focus{outline:none;border-color:var(--primary-red);background:#ffffff14}.certificate-input::placeholder{color:var(--gray-500)}.verify-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.verify-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #dc26264d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{display:flex;align-items:center;gap:12px;text-align:left;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.feature-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#dc262626;border-radius:10px;color:#fc2525}.feature-text h3{font-size:15px;font-weight:700;color:#fa2626;margin-bottom:4px}.feature-text p{font-size:13px;color:var(--gray-400)}.footer{padding:24px;text-align:center;color:var(--gray-500);font-size:14px}.footer a{color:var(--primary-red);text-decoration:none}.footer a:hover{text-decoration:underline}.verify-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.loading-state{justify-content:center}.loading-spinner{width:60px;height:60px;border:4px solid rgba(220,38,38,.2);border-top-color:var(--primary-red);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state h2{color:#fff;font-size:24px;margin-bottom:8px}.loading-state p{color:var(--gray-400)}.error-state{justify-content:center;text-align:center;max-width:500px}.error-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#dc262626;border-radius:50%;color:var(--primary-red);margin-bottom:24px}.error-state h1{color:#fff;font-size:32px;margin-bottom:16px}.error-message{color:var(--gray-300);font-size:16px;margin-bottom:12px}.error-hint{color:var(--gray-500);font-size:14px;margin-bottom:32px}.error-hint a{color:var(--primary-red)}.back-button{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease}.back-button:hover{background:#ffffff26}.success-state{max-width:800px;width:100%}.verify-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:32px}.verified-badge{display:flex;align-items:center;gap:8px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:10px 20px;border-radius:50px;font-weight:600}.certificate-card{background:#fff;border-radius:16px;padding:4px;box-shadow:0 25px 50px -12px #00000080;margin-bottom:24px}.certificate-inner{border:3px solid var(--primary-red);border-radius:12px;padding:40px}.cert-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.cert-header h2{font-size:20px;font-weight:800;color:var(--gray-900);letter-spacing:2px;margin-bottom:4px}.cert-subtitle{font-size:14px;color:var(--gray-500);font-style:italic}.cert-recipient{text-align:center;margin-bottom:32px}.presented-to{color:var(--gray-500);font-size:14px;margin-bottom:8px}.recipient-name{font-size:42px;font-weight:900;color:var(--primary-red);margin-bottom:16px;font-family:Georgia,serif}.cert-description{font-size:14px;color:var(--gray-600);line-height:1.6;max-width:500px;margin:0 auto}.achievements-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;padding:24px;margin-bottom:24px}.achievements-box h3{font-size:14px;font-weight:700;color:var(--gray-900);text-align:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary-red)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.achievement{display:flex;align-items:center;gap:12px}.achievement-icon{font-size:20px}.achievement-content{display:flex;flex-direction:column}.achievement-label{font-size:10px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.achievement-value{font-size:14px;font-weight:700;color:var(--gray-900)}.achievement-value.rank{color:var(--primary-red)}.cert-quote{font-size:14px;font-style:italic;color:var(--gray-600);text-align:center;margin-bottom:24px}.cert-footer{display:flex;justify-content:space-between;align-items:flex-start;padding-top:20px;border-top:1px solid var(--gray-200)}.cert-info{text-align:left}.verified-by{font-size:10px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.cert-number{font-size:12px;font-weight:700;color:var(--gray-900);margin-bottom:2px}.cert-issued{font-size:11px;color:var(--gray-600);margin-bottom:8px}.signature-line{width:80px;height:1px;background:var(--gray-400);margin-bottom:4px}.ceo-name{font-size:11px;font-style:italic;color:var(--gray-600)}.official-seal{text-align:center}.seal-circle{width:60px;height:60px;background:var(--primary-red);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:3px solid var(--gray-200)}.seal-circle svg{width:24px;height:24px}.seal-circle span{font-size:7px;font-weight:800;letter-spacing:.5px;margin-top:2px}.verification-info{text-align:center;margin-bottom:24px}.info-text{font-size:16px;font-weight:600;color:#86efac;margin-bottom:4px}.verification-date{font-size:13px;color:var(--gray-400)}.verify-actions{display:flex;gap:16px;margin-bottom:40px}.action-button{display:flex;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease}.action-button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-button.secondary:hover{background:#ffffff26}.action-button.primary{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);color:#fff}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #dc26264d}@media(max-width:768px){.hero-title{font-size:36px}.features{grid-template-columns:1fr}.certificate-inner{padding:24px}.recipient-name{font-size:28px}.achievements-grid{grid-template-columns:1fr}.cert-footer{flex-direction:column;align-items:center;gap:20px;text-align:center}.cert-info{text-align:center}.verify-actions{flex-direction:column;width:100%}.action-button{justify-content:center}.verify-header{flex-direction:column;gap:16px}}