.success-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #f0f0f0}.success-icon{width:80px;height:80px;background:#6634f1;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:white;font-size:32px}.success-title{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.cert-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px}.detail-item{display:flex;align-items:flex-start;gap:15px;padding:25px 20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #6634f1;transition:all .3s ease;min-height:100px}.detail-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,52,241,.15)}.detail-icon{font-size:20px;margin-top:3px;min-width:20px}.detail-icon.user-icon{color:#17a2b8}.detail-icon.course-icon{color:#fd7e14}.detail-icon.cert-icon{color:#6634f1}.detail-icon.date-icon{color:#20c997}.detail-icon.company-icon{color:#6f42c1}.detail-content{flex:1}.detail-label{color:#666;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#1a1a1a;font-size:15px;font-weight:600;line-height:1.4;word-break:break-word}.info-note{background:rgba(23,162,184,.1);border:1px solid rgba(23,162,184,.3);border-radius:12px;padding:25px;margin-top:30px;text-align:center}.info-icon{color:#1a1a1a;font-size:20px;margin-bottom:10px;display:block}.info-content h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:4px;justify-content:center;padding-bottom:10px;border-bottom:1px solid rgba(23,162,184,.2)}.verification-check{width:16px;height:16px;stroke:#1a1a1a;flex-shrink:0}.info-content p{color:#1a1a1a;font-size:14px;margin:0;line-height:1.5}.company-logo{font-size:16px;font-weight:700;color:#1a1a1a}.download-section{text-align:center;padding:30px;border-top:2px solid #f0f0f0;margin-top:30px}.download-btn{background:#6634f1;color:white;text-decoration:none;padding:15px 30px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:16px;transition:all .3s ease;cursor:pointer;border:none;outline:none}.download-btn:hover{background:#5429d1;text-decoration:none;color:white;transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,52,241,.3)}.download-btn i,.download-btn span{color:white;transition:none}.download-btn:hover i,.download-btn:hover span{color:white}.error-message{text-align:center;padding:50px 30px;color:#dc3545}.error-icon{font-size:60px;margin-bottom:20px;color:#dc3545}.error-message h3{color:#dc3545;font-size:22px;font-weight:600;margin:0 0 15px}.error-message p{color:#666;font-size:16px;margin:0 0 20px;line-height:1.5}.error-suggestions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:25px;margin-top:25px;text-align:left}.error-suggestions h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 15px;display:flex;align-items:center;gap:8px}.error-suggestions ul{color:#6c757d;font-size:14px;margin:0;padding-left:20px;line-height:1.6}.error-suggestions li{margin-bottom:8px}.contact-info{background:rgba(23,162,184,.1);border:1px solid rgba(23,162,184,.3);border-radius:8px;padding:20px;margin-top:20px;text-align:center}.contact-info h5{color:#17a2b8;font-size:14px;font-weight:600;margin:0 0 10px}.contact-info p{color:#495057;font-size:13px;margin:0;line-height:1.4}@media (max-width:1400px){.cert-details{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:1200px){.cert-details{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:480px){.success-icon{width:70px;height:70px;font-size:28px}.success-title{font-size:20px}.cert-details{display:flex;flex-direction:column;gap:12px}.detail-item{padding:15px 12px;min-height:70px;width:100%;box-sizing:border-box}.detail-icon{font-size:16px}.detail-label{font-size:11px;margin-bottom:6px}.detail-value{font-size:13px;line-height:1.3}.info-note{padding:15px 12px}.download-section{padding:20px 12px}.download-btn{padding:12px 20px;font-size:14px}.error-message{padding:25px 15px}.error-suggestions{padding:18px 12px}}@media (max-width:360px){.cert-details{display:flex;flex-direction:column;gap:10px}.detail-item{padding:12px 10px;min-height:65px;width:100%;box-sizing:border-box}.detail-label{font-size:10px}.detail-value{font-size:12px}.info-note{padding:12px 10px}.download-section{padding:18px 10px}}