.vcert-page-section {padding: 50px 20px 80px;background-color: var(--bg-page);min-height: 85vh;position: relative;}.vcert-page-wrapper {max-width: 840px;margin: 0 auto;}.vcert-hero-box {text-align: center;margin-bottom: 34px;}.vcert-official-pill {display: inline-flex;align-items: center;gap: 8px;padding: 6px 16px;border-radius: var(--radius-pill);background: #eff6ff;color: #2563eb;font-size: 0.8rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: 14px;}.vcert-hero-box h1 {font-size: 2.1rem;font-weight: 800;color: #0f172a;margin: 0 0 12px 0;letter-spacing: -0.02em;line-height: 1.25;}.vcert-hero-box p {font-size: 0.96rem;color: #64748b;max-width: 660px;margin: 0 auto;line-height: 1.6;}.card-vcert.vcert-main-card {background: #ffffff;border-radius: 24px;border: 1px solid #e2e8f0;box-shadow: 0 12px 35px -8px rgba(15, 23, 42, 0.08);padding: 36px;margin-bottom: 36px;position: relative;text-align: center;max-width: 100%;width: 100%;}.vcert-tabs-nav {display: flex;gap: 8px;background: #f1f5f9;padding: 6px;border-radius: 16px;margin-bottom: 28px;}.vcert-tab-btn {flex: 1;display: flex;align-items: center;justify-content: center;gap: 10px;padding: 12px 18px;border: none;background: transparent;border-radius: 12px;font-size: 0.95rem;font-weight: 700;color: #64748b;cursor: pointer;transition: all 0.25s ease;user-select: none;}.vcert-tab-btn:hover {color: #0f172a;}.vcert-tab-btn.active {background: #ffffff;color: #0f172a;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);}.vcert-tab-pane {display: none;}.vcert-tab-pane.active {display: block;animation: fadeInPane 0.25s ease;}@keyframes fadeInPane {from {opacity: 0;transform: translateY(6px);}to {opacity: 1;transform: translateY(0);}}.vcert-tab-instruction {font-size: 0.92rem;color: #64748b;margin-bottom: 22px;line-height: 1.55;text-align: center;}.vcert-dropzone-wrapper {margin-bottom: 24px;}.vcert-dropzone {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 36px 24px;border: 2px dashed #cbd5e1;border-radius: 18px;background: #f8fafc;cursor: pointer;transition: all 0.25s ease;position: relative;margin: 0;}.vcert-dropzone:hover, .vcert-dropzone.dragover {border-color: #2563eb;background: #eff6ff;}.vcert-dropzone input[type="file"] {position: absolute;width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;z-index: -1;}.vcert-dropzone-icon {width: 58px;height: 58px;border-radius: 50%;background: #e0f2fe;color: #0284c7;display: flex;align-items: center;justify-content: center;font-size: 1.55rem;margin: 0 auto 14px;transition: transform 0.25s ease;}.vcert-dropzone:hover .vcert-dropzone-icon {transform: scale(1.08) translateY(-2px);}.vcert-dropzone h4 {font-size: 1.05rem;font-weight: 700;color: #0f172a;margin: 0 0 6px 0;}.vcert-dropzone p {font-size: 0.84rem;color: #64748b;margin: 0;}.vcert-file-badge {display: flex;align-items: center;justify-content: space-between;gap: 16px;width: 100%;max-width: 420px;padding: 14px 20px;border-radius: 14px;background: #ffffff;border: 1.5px solid #10b981;box-shadow: 0 6px 18px rgba(16, 185, 129, 0.12);margin: 0 auto;}.vcert-file-badge-info {display: flex;align-items: center;gap: 12px;text-align: left;}.vcert-file-badge-info i {color: #10b981;font-size: 1.6rem;}.vcert-file-badge-info span {display: block;font-size: 0.95rem;font-weight: 700;color: #0f172a;word-break: break-all;}.vcert-file-badge-info small {display: block;font-size: 0.78rem;color: #64748b;}.vcert-btn-clear {width: 30px;height: 30px;border-radius: 50%;border: none;background: #fee2e2;color: #ef4444;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 0.85rem;transition: all 0.2s ease;flex-shrink: 0;}.vcert-btn-clear:hover {background: #ef4444;color: #ffffff;}.vcert-submit-btn {width: 100%;max-width: 420px;margin: 0 auto;display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 14px 24px;border: none;border-radius: 14px;background: #0f172a;color: #ffffff;font-size: 0.98rem;font-weight: 700;cursor: pointer;transition: all 0.25s ease;box-shadow: 0 6px 18px rgba(15, 23, 42, 0.15);}.vcert-submit-btn:hover:not(:disabled) {transform: translateY(-2px);box-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);}.vcert-submit-btn:disabled {background: #e2e8f0;color: #94a3b8;cursor: not-allowed;box-shadow: none;transform: none;}.vcert-code-input-group {display: flex;flex-direction: column;gap: 20px;max-width: 500px;margin: 0 auto;}.vcert-input-wrapper {position: relative;display: flex;align-items: center;width: 100%;}.vcert-input-icon {position: absolute;left: 18px;color: #94a3b8;font-size: 1.15rem;pointer-events: none;}.code-input-vcert {width: 100%;padding: 14px 46px 14px 48px;font-size: 1.05rem;font-weight: 600;border: 2px solid #e2e8f0;border-radius: 14px;background: #f8fafc;color: #0f172a;outline: none;transition: all 0.25s ease;font-family: monospace;letter-spacing: 0.05em;text-align: left;}.code-input-vcert:focus {border-color: #2563eb;background: #ffffff;box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);}.vcert-input-clear-btn {position: absolute;right: 14px;width: 26px;height: 26px;border-radius: 50%;border: none;background: #e2e8f0;color: #64748b;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 0.75rem;transition: all 0.2s ease;}.vcert-input-clear-btn:hover {background: #cbd5e1;color: #0f172a;}.vcert-success-card {text-align: left;}.vcert-seal-badge {display: flex;align-items: center;gap: 20px;padding-bottom: 24px;border-bottom: 1.5px solid #f1f5f9;margin-bottom: 24px;}.vcert-seal-icon {width: 64px;height: 64px;border-radius: 20px;background: #ecfdf5;color: #059669;display: flex;align-items: center;justify-content: center;font-size: 2rem;flex-shrink: 0;box-shadow: 0 8px 20px rgba(5, 150, 105, 0.15);}.vcert-seal-tag {display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: var(--radius-pill);background: #d1fae5;color: #065f46;font-size: 0.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 8px;}.vcert-seal-title h2 {font-size: 1.35rem;font-weight: 800;color: #0f172a;margin: 0 0 4px 0;}.vcert-seal-title p {font-size: 0.86rem;color: #64748b;margin: 0;line-height: 1.5;}.vcert-details-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;margin-bottom: 24px;}.vcert-detail-item {background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 14px;padding: 14px 18px;}.vcert-detail-wide {grid-column: span 2;}.vcert-detail-label {display: flex;align-items: center;gap: 8px;font-size: 0.76rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: #64748b;margin-bottom: 6px;}.vcert-detail-value {display: block;font-size: 1.05rem;font-weight: 700;color: #0f172a;word-break: break-word;}.vcert-code-highlight {font-family: monospace;letter-spacing: 0.06em;color: #0284c7;}.vcert-status-callout {background: #f0fdf4;border: 1.5px solid #86efac;border-radius: 12px;padding: 12px 18px;margin-bottom: 24px;}.vcert-status-indicator {display: flex;align-items: center;gap: 10px;font-size: 0.88rem;color: #166534;}.vcert-pulse-dot {width: 10px;height: 10px;border-radius: 50%;background: #22c55e;box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25);animation: pulseDot 2s infinite;flex-shrink: 0;}@keyframes pulseDot {0% {box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);}70% {box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);}100% {box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);}}.vcert-result-actions {display: flex;justify-content: center;gap: 14px;}.vcert-btn-restart {display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;border-radius: 12px;border: 1.5px solid #cbd5e1;background: #ffffff;color: #334155;font-size: 0.92rem;font-weight: 700;cursor: pointer;transition: all 0.2s ease;}.vcert-btn-restart:hover {background: #f8fafc;border-color: #94a3b8;color: #0f172a;}.vcert-security-strip {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;margin-bottom: 30px;}.vcert-sec-item {display: flex;align-items: flex-start;gap: 14px;padding: 20px 18px;background: #ffffff;border-radius: 16px;border: 1px solid #e2e8f0;text-align: left;}.vcert-sec-icon {width: 42px;height: 42px;border-radius: 12px;background: #eff6ff;color: #2563eb;display: flex;align-items: center;justify-content: center;font-size: 1.15rem;flex-shrink: 0;}.vcert-sec-item h4 {font-size: 0.95rem;font-weight: 700;color: #0f172a;margin: 0 0 4px 0;}.vcert-sec-item p {font-size: 0.8rem;color: #64748b;margin: 0;line-height: 1.45;}.vcert-help-banner {display: flex;align-items: center;gap: 16px;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 16px;padding: 18px 22px;text-align: left;}.vcert-help-banner i {font-size: 1.5rem;color: #2563eb;flex-shrink: 0;}.vcert-help-banner span {font-size: 0.86rem;color: #64748b;font-weight: 500;display: block;}.vcert-help-banner p {margin: 2px 0 0 0;font-size: 0.92rem;font-weight: 600;color: #0f172a;}.vcert-help-banner a {color: #2563eb;text-decoration: underline;font-weight: 700;}@media (max-width: 768px) {.vcert-hero-box h1 {font-size: 1.65rem;}.card-vcert.vcert-main-card {padding: 24px 16px;border-radius: 20px;}.vcert-tabs-nav {flex-direction: column;gap: 6px;}.vcert-tab-btn {padding: 10px 14px;}.vcert-dropzone {padding: 28px 16px;}.vcert-security-strip {grid-template-columns: 1fr;gap: 12px;}.vcert-details-grid {grid-template-columns: 1fr;}.vcert-detail-wide {grid-column: span 1;}.vcert-seal-badge {flex-direction: column;text-align: center;gap: 14px;}.vcert-seal-title h2, .vcert-seal-title p {text-align: center;}}@media (max-width: 480px) {.vcert-page-section {padding: 36px 12px 60px;}.vcert-help-banner {flex-direction: column;text-align: center;}}.cert-page-section {padding: 60px 20px 90px;background-color: var(--bg-page);min-height: 85vh;position: relative;}.cert-page-wrapper {max-width: 1140px;margin: 0 auto;}.cert-hero-card {background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);border-radius: 24px;padding: 48px 40px;color: #ffffff;position: relative;overflow: hidden;box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.35);margin-bottom: 50px;display: grid;grid-template-columns: 1.25fr 0.95fr;gap: 40px;align-items: center;}.cert-hero-glow {position: absolute;top: -80px;right: -80px;width: 250px;height: 250px;border-radius: 50%;background: radial-gradient(circle, rgba(16, 185, 129, 0.25) 0%, transparent 70%);pointer-events: none;}.cert-hero-content {text-align: left;position: relative;z-index: 2;}.cert-official-badge {display: inline-flex;align-items: center;gap: 8px;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;padding: 6px 14px;border-radius: var(--radius-pill);background: rgba(16, 185, 129, 0.18);color: #10b981;border: 1px solid rgba(16, 185, 129, 0.35);margin-bottom: 14px;}.cert-hero-content h1 {font-size: clamp(1.8rem, 2.5vw, 2.4rem);font-weight: 800;color: #ffffff;line-height: 1.25;margin-bottom: 14px;}.cert-hero-content p {font-size: 1rem;color: #94a3b8;line-height: 1.6;margin-bottom: 24px;}.cert-hero-actions {display: flex;flex-wrap: wrap;gap: 14px;align-items: center;}.cert-hero-btn-primary {display: inline-flex;align-items: center;gap: 8px;background: #10b981;color: #ffffff !important;font-size: 0.95rem;font-weight: 700;padding: 13px 24px;border-radius: 12px;text-decoration: none !important;transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35);}.cert-hero-btn-primary:hover {background: #059669;transform: translateY(-2px);box-shadow: 0 12px 26px rgba(16, 185, 129, 0.45);}.cert-hero-btn-secondary {display: inline-flex;align-items: center;gap: 8px;background: rgba(255, 255, 255, 0.08);color: #ffffff !important;font-size: 0.95rem;font-weight: 700;padding: 13px 22px;border-radius: 12px;text-decoration: none !important;border: 1px solid rgba(255, 255, 255, 0.15);transition: background-color 0.2s ease, transform 0.2s ease;}.cert-hero-btn-secondary:hover {background: rgba(255, 255, 255, 0.15);transform: translateY(-2px);}.cert-hero-visual {position: relative;display: flex;justify-content: center;align-items: center;z-index: 2;}.cert-hero-mockup-frame {position: relative;width: 100%;max-width: 420px;background: #ffffff;padding: 10px;border-radius: 18px;box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.2);transition: transform 0.4s ease;}.cert-hero-mockup-frame:hover {transform: translateY(-5px) rotate(1deg);}.cert-hero-mockup-frame img {width: 100%;height: auto;border-radius: 12px;display: block;}.cert-hero-floating-badge {position: absolute;bottom: -12px;left: -10px;background: rgba(255, 255, 255, 0.96);backdrop-filter: blur(12px);padding: 10px 16px;border-radius: 14px;box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);display: flex;align-items: center;gap: 10px;z-index: 3;}.cert-hero-floating-badge i {color: #10b981;font-size: 1.2rem;}.cert-hero-floating-badge div {text-align: left;}.cert-hero-floating-badge strong {display: block;font-size: 0.8rem;color: #0f172a;line-height: 1.2;}.cert-hero-floating-badge span {font-size: 0.7rem;color: #64748b;font-weight: 600;}.cert-section-title-box {text-align: center;max-width: 720px;margin: 0 auto 36px;}.cert-section-title-box span {display: inline-flex;align-items: center;gap: 6px;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;padding: 5px 12px;border-radius: var(--radius-pill);background: #eff6ff;color: #2563eb;margin-bottom: 10px;}.cert-section-title-box h2 {font-size: clamp(1.5rem, 2.3vw, 2rem);font-weight: 800;color: #0f172a;margin: 0 0 10px 0;}.cert-section-title-box p {font-size: 0.96rem;color: #64748b;line-height: 1.6;margin: 0;}.cert-pillars-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-bottom: 60px;}.cert-pillar-card {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 18px;padding: 24px 20px;text-align: left;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;display: flex;flex-direction: column;}.cert-pillar-card:hover {transform: translateY(-4px);border-color: #cbd5e1;box-shadow: 0 12px 24px -8px rgba(15, 23, 42, 0.08);}.pillar-icon-wrap {width: 44px;height: 44px;border-radius: 12px;background: #eff6ff;color: #2563eb;display: flex;align-items: center;justify-content: center;font-size: 1.15rem;margin-bottom: 16px;}.cert-pillar-card h3 {font-size: 1.05rem;font-weight: 700;color: #0f172a;margin: 0 0 8px 0;line-height: 1.35;}.cert-pillar-card p {font-size: 0.84rem;color: #64748b;line-height: 1.5;margin: 0;flex-grow: 1;}.cert-roadmap-container {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 22px;padding: 40px 32px;margin-bottom: 60px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);}.cert-roadmap-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;position: relative;}.cert-step-card {display: flex;flex-direction: column;text-align: left;position: relative;}.cert-step-number {font-size: 0.76rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;padding: 4px 10px;border-radius: var(--radius-pill);background: #f1f5f9;color: #475569;display: inline-block;align-self: flex-start;margin-bottom: 12px;}.cert-step-card h4 {font-size: 1.05rem;font-weight: 700;color: #0f172a;margin: 0 0 8px 0;}.cert-step-card p {font-size: 0.84rem;color: #64748b;line-height: 1.5;margin: 0;}.cert-faq-container {max-width: 900px;margin: 0 auto;}.cert-faq-item {background: #ffffff;border: 1.5px solid #e2e8f0;border-radius: 16px;margin-bottom: 16px;overflow: hidden;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);transition: border-color 0.2s ease, box-shadow 0.2s ease;}.cert-faq-item:hover {border-color: #cbd5e1;}.cert-faq-item.active-faq {border-color: #2563eb;box-shadow: 0 8px 20px -6px rgba(37, 99, 235, 0.15);}.cert-faq-question {padding: 20px 24px;display: flex;align-items: center;justify-content: space-between;gap: 16px;cursor: pointer;background: #ffffff;user-select: none;transition: background-color 0.2s ease;}.cert-faq-question:hover {background: #f8fafc;}.cert-faq-question h3 {font-size: 1.02rem;font-weight: 700;color: #0f172a;margin: 0;line-height: 1.4;text-align: left;}.cert-faq-toggle-icon {width: 32px;height: 32px;border-radius: 50%;background: #f1f5f9;color: #475569;display: flex;align-items: center;justify-content: center;font-size: 0.85rem;flex-shrink: 0;transition: transform 0.25s ease, background-color 0.2s ease, color 0.2s ease;}.cert-faq-item.active-faq .cert-faq-toggle-icon {background: #eff6ff;color: #2563eb;transform: rotate(180deg);}.cert-faq-answer {max-height: 0;overflow: hidden;padding: 0 24px;background: #ffffff;color: #475569;font-size: 0.92rem;line-height: 1.65;transition: max-height 0.35s ease, padding 0.35s ease;border-top: 1px solid transparent;text-align: left;}.cert-faq-answer.open {max-height: 1200px;padding: 16px 24px 24px;border-top-color: #f1f5f9;}.cert-tutorial-img-wrap {display: flex;justify-content: center;margin: 16px 0;}.cert-tutorial-img-wrap img {max-width: 100%;height: auto;border-radius: 12px;border: 1px solid #e2e8f0;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);}.cert-note-box {background: #f8fafc;border-left: 4px solid #2563eb;padding: 12px 16px;border-radius: 0 8px 8px 0;margin-top: 14px;font-size: 0.85rem;color: #334155;}@media (max-width: 991px) {.cert-hero-card {grid-template-columns: 1fr;padding: 36px 24px;gap: 30px;text-align: center;}.cert-hero-content {text-align: center;}.cert-official-badge {align-self: center;}.cert-hero-actions {justify-content: center;}.cert-pillars-grid {grid-template-columns: repeat(2, 1fr);gap: 16px;}.cert-roadmap-grid {grid-template-columns: 1fr;gap: 20px;}}@media (max-width: 576px) {.cert-page-section {padding: 36px 14px 60px;}.cert-hero-card {padding: 26px 18px;border-radius: 18px;}.cert-hero-btn-primary, .cert-hero-btn-secondary {width: 100%;justify-content: center;}.cert-pillars-grid {grid-template-columns: 1fr;gap: 14px;}.cert-roadmap-container {padding: 26px 18px;}.cert-faq-question {padding: 16px 18px;}.cert-faq-answer.open {padding: 12px 18px 20px;}}