.cert-generator-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:75vh;padding:2rem;font-family:var(--font-family);animation:cgFadeIn var(--duration-slow) var(--ease-out) forwards}@keyframes cgFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cert-card{width:100%;max-width:500px;background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);padding:3rem;transition:all var(--duration-normal) var(--ease-out)}.cert-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-lg)}.cert-icon-wrapper{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#111;transform:rotate(-3deg);transition:transform var(--duration-normal) var(--ease-spring);background:var(--accent-gradient);box-shadow:var(--shadow-glow)}.cert-card:hover .cert-icon-wrapper{transform:rotate(0)}.cert-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:1rem;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.cert-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.cert-input-wrapper{position:relative;margin-bottom:1.5rem}.cert-input-icon{position:absolute;top:50%;left:1.25rem;transform:translateY(-50%);color:var(--text-tertiary);transition:color var(--duration-normal) var(--ease-out)}.cert-input-wrapper:focus-within .cert-input-icon{color:var(--accent-primary)}.cert-input{width:100%;padding:1rem 1.5rem 1rem 3.5rem;font-size:1.125rem;font-weight:600;border-radius:var(--radius-lg);background:var(--bg-input);border:2px solid var(--border-medium);color:var(--text-primary);transition:all var(--duration-normal) var(--ease-out)}.cert-input.no-icon{padding-left:1.5rem}.cert-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow)}.cert-input::placeholder{color:var(--text-tertiary);font-weight:500}.cert-input.text-center{text-align:center;padding-left:1.5rem;letter-spacing:.1em}.cert-input-hint{margin-top:.75rem;font-size:.8rem;color:var(--text-tertiary);display:flex;align-items:center;gap:4px;font-weight:600}.cert-btn{width:100%;padding:1.25rem;font-size:1.25rem;font-weight:700;border-radius:var(--radius-lg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.cert-btn-primary{background:var(--accent-gradient);color:#111;box-shadow:var(--shadow-glow)}.cert-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg);filter:brightness(1.1)}.cert-btn:disabled{background:var(--bg-elevated);color:var(--text-tertiary);box-shadow:none;transform:none;cursor:not-allowed;border:1px solid var(--border-subtle)}.cert-btn-secondary{background:var(--bg-card);border:2px solid var(--border-medium);color:var(--text-primary);box-shadow:var(--shadow-sm)}.cert-btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-subtle)}.cert-error{background:var(--accent-error-alpha-10);border-left:4px solid var(--accent-error);padding:1rem;color:var(--accent-error);font-weight:600;border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:center;margin-bottom:1.5rem;animation:cgFadeIn var(--duration-fast) var(--ease-out)}.cert-preview-container{width:100%;max-width:1000px;position:relative;margin:2rem 0}.cert-canvas-wrapper{background:var(--bg-elevated);padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);transition:transform var(--duration-slow) var(--ease-spring)}.cert-canvas-wrapper:hover{transform:scale(1.01)}.cert-canvas{width:100%;height:auto;display:block;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--border-subtle)}.cert-actions{display:flex;gap:1.5rem;width:100%;max-width:800px;margin-top:2rem}@media(max-width:640px){.cert-card{padding:2rem 1.5rem}.cert-title{font-size:1.75rem}.cert-actions{flex-direction:column}}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cert-trust-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-success-alpha-15);border:1px solid var(--accent-success-alpha-30);padding:.5rem 1.5rem;border-radius:999px;margin-bottom:1rem}.cert-trust-text{color:var(--accent-success);font-weight:700;font-size:.875rem}.cert-footer-text{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}