.mode-switch-wrapper{display:flex;justify-content:center;margin-top:24px}.mode-switch{display:inline-flex;background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:4px;gap:4px}.mode-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease}.mode-tab:hover{color:#fff}.mode-tab.active{background:linear-gradient(135deg,#f06fac,#a855f7);color:#fff;box-shadow:0 4px 14px #f06fac4d}.cert-app-section{padding:20px 0 60px;position:relative;z-index:10}.cert-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}@media(max-width:992px){.cert-layout{grid-template-columns:1fr}}.cert-controls{background:#111827cc;border:1px solid var(--color-border);padding:24px}.controls-title{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.form-group{margin-bottom:16px}.form-row{display:flex;gap:12px}.form-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:6px}.quick-select{background:transparent;border:none;color:var(--color-primary-light);font-size:.75rem;font-weight:600;cursor:pointer;outline:none}.quick-select option{background:#111827;color:#fff}.input-field{width:100%;box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;color:#fff;font-family:var(--font-sans);font-size:.92rem;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--color-primary-light)}.theme-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-chip{display:inline-flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);padding:8px 12px;border-radius:9999px;color:var(--color-text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;justify-content:flex-start}.theme-chip:hover{color:#fff;border-color:#fff3}.theme-chip.active{background:#f06fac26;border-color:#f06fac;color:#fff}.theme-color{width:9px;height:9px;border-radius:50%;flex-shrink:0}.actions-strip{display:flex;gap:10px;margin-top:24px}.print-action-btn{flex:1;padding:12px 20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f06fac,#a855f7);border:none;color:#fff}.print-action-btn:hover{filter:brightness(1.1)}.privacy-note{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:10px 12px;background:#10b9810f;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);font-size:.75rem;color:#94a3b8;line-height:1.45}.cert-preview-wrap{display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-badge{font-size:.82rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.preview-hint{font-size:.78rem;color:var(--color-text-muted)}.certificate{background:#fff;color:#1e293b;width:100%;aspect-ratio:1.414;box-shadow:0 16px 40px -10px #00000080;border-radius:8px;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;position:relative;user-select:none}.cert-border-outer{width:100%;height:100%;border:5px solid #d97706;border-radius:6px;box-sizing:border-box;padding:8px;display:flex;flex-direction:column}.cert-border-inner{width:100%;height:100%;border:2px dashed #f59e0b;border-radius:4px;box-sizing:border-box;padding:22px 30px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background:radial-gradient(circle at 50% 50%,#fffdf7,#fff9ec)}.cert-top{display:flex;flex-direction:column;align-items:center}.cert-crest{color:#d97706;margin-bottom:4px}.cert-subtitle{font-family:Inter,sans-serif;font-size:clamp(.75rem,1.4vw,.95rem);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#78350f;margin-bottom:6px}.cert-main-title{font-family:Outfit,serif,sans-serif;font-size:clamp(1.4rem,3.2vw,2.3rem);font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#1e1b4b;margin:0;line-height:1.15}.cert-ribbon{font-family:Inter,sans-serif;font-size:clamp(.75rem,1.3vw,.95rem);font-weight:500;color:#64748b;margin-top:6px;font-style:italic}.cert-name-area{margin:6px 0}.cert-name{font-family:Outfit,sans-serif;font-size:clamp(1.6rem,3.8vw,2.8rem);font-weight:900;color:#0f172a;line-height:1.2;letter-spacing:-.01em}.cert-name-underline{width:55%;height:3px;background:linear-gradient(90deg,transparent,#d97706,transparent);margin:4px auto 0}.cert-body{display:flex;flex-direction:column;align-items:center;gap:6px}.cert-turning-badge{display:inline-flex;align-items:center;gap:8px;background:#fef3c7;border:1px solid #fde68a;padding:4px 16px;border-radius:9999px;font-family:Inter,sans-serif;font-size:clamp(.75rem,1.4vw,1rem);font-weight:700;color:#92400e}.cert-age-num{font-family:Outfit,sans-serif;font-size:1.4em;font-weight:900;color:#b45309}.cert-years-old{font-weight:800;text-transform:uppercase;letter-spacing:.04em}.cert-message{font-size:clamp(.75rem,1.3vw,.95rem);color:#475569;max-width:580px;margin:6px auto 0;line-height:1.45;font-style:italic}.cert-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:10px}.cert-sig-block{width:160px;text-align:center}.cert-sig-line{height:1.5px;background:#94a3b8;margin-bottom:6px}.cert-sig-name{font-family:Outfit,sans-serif;font-size:clamp(.75rem,1.3vw,.9rem);font-weight:800;color:#0f172a}.cert-sig-role{font-size:clamp(.65rem,1.1vw,.75rem);color:#64748b;text-transform:uppercase;letter-spacing:.05em}.cert-seal{display:flex;align-items:center;justify-content:center}.seal-circle{min-width:88px;height:auto;min-height:56px;padding:8px 14px;border-radius:10px;border:none!important;background:#fffbeb;color:#b45309;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 4px 12px #00000014}.seal-circle span{font-size:8px;font-weight:900;letter-spacing:.08em;text-align:center;line-height:1.1;white-space:nowrap}.certificate.theme-gold-star .cert-border-outer{border-color:#d97706}.certificate.theme-gold-star .cert-border-inner{border-color:#f59e0b;background:radial-gradient(circle at 50% 50%,#fffdf7,#fff9ec)}.certificate.theme-gold-star .cert-crest{color:#d97706}.certificate.theme-gold-star .cert-subtitle{color:#78350f}.certificate.theme-gold-star .cert-main-title{color:#1e1b4b}.certificate.theme-gold-star .cert-turning-badge{background:#fef3c7;border-color:#fde68a;color:#92400e}.certificate.theme-gold-star .cert-age-num{color:#b45309}.certificate.theme-gold-star .seal-circle{border-color:#d97706;background:#fffbeb;color:#b45309}.certificate.theme-gold-star .cert-name-underline{background:linear-gradient(90deg,transparent,#d97706,transparent)}.certificate.theme-celebration .cert-border-outer{border-color:#059669}.certificate.theme-celebration .cert-border-inner{border-color:#10b981;background:radial-gradient(circle at 50% 50%,#f0fdf4,#ecfdf5)}.certificate.theme-celebration .cert-crest{color:#059669}.certificate.theme-celebration .cert-subtitle{color:#065f46}.certificate.theme-celebration .cert-main-title{color:#064e3b}.certificate.theme-celebration .cert-turning-badge{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.certificate.theme-celebration .cert-age-num{color:#059669}.certificate.theme-celebration .seal-circle{border-color:#059669;background:#ecfdf5;color:#047857}.certificate.theme-celebration .cert-name-underline{background:linear-gradient(90deg,transparent,#10b981,transparent)}.certificate.theme-cosmic .cert-border-outer{border-color:#4338ca}.certificate.theme-cosmic .cert-border-inner{border-color:#6366f1;background:radial-gradient(circle at 50% 50%,#faf5ff,#ede9fe)}.certificate.theme-cosmic .cert-crest{color:#6366f1}.certificate.theme-cosmic .cert-subtitle{color:#4338ca}.certificate.theme-cosmic .cert-main-title{color:#1e1b4b}.certificate.theme-cosmic .cert-turning-badge{background:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.certificate.theme-cosmic .cert-age-num{color:#4338ca}.certificate.theme-cosmic .seal-circle{border-color:#6366f1;background:#eef2ff;color:#4338ca}.certificate.theme-cosmic .cert-name-underline{background:linear-gradient(90deg,transparent,#6366f1,transparent)}.certificate.theme-gamer .cert-border-outer{border-color:#0891b2}.certificate.theme-gamer .cert-border-inner{border-color:#06b6d4;background:radial-gradient(circle at 50% 50%,#f0fdfa,#ecfeff)}.certificate.theme-gamer .cert-crest{color:#0891b2}.certificate.theme-gamer .cert-subtitle{color:#155e75}.certificate.theme-gamer .cert-main-title{color:#083344}.certificate.theme-gamer .cert-turning-badge{background:#cffafe;border-color:#a5f3fc;color:#155e75}.certificate.theme-gamer .cert-age-num{color:#0891b2}.certificate.theme-gamer .seal-circle{border-color:#0891b2;background:#ecfeff;color:#0891b2}.certificate.theme-gamer .cert-name-underline{background:linear-gradient(90deg,transparent,#06b6d4,transparent)}.certificate.theme-rainbow .cert-border-outer{border-color:#db2777}.certificate.theme-rainbow .cert-border-inner{border-color:#ec4899;background:radial-gradient(circle at 50% 50%,#fdf2f8,#fce7f3)}.certificate.theme-rainbow .cert-crest{color:#db2777}.certificate.theme-rainbow .cert-subtitle{color:#9d174d}.certificate.theme-rainbow .cert-main-title{color:#831843}.certificate.theme-rainbow .cert-turning-badge{background:#fce7f3;border-color:#fbcfe8;color:#9d174d}.certificate.theme-rainbow .cert-age-num{color:#db2777}.certificate.theme-rainbow .seal-circle{border-color:#db2777;background:#fff1f2;color:#be123c}.certificate.theme-rainbow .cert-name-underline{background:linear-gradient(90deg,#ec4899,#8b5cf6,#3b82f6)}.certificate.theme-superhero .cert-border-outer{border-color:#dc2626}.certificate.theme-superhero .cert-border-inner{border-color:#ef4444;background:radial-gradient(circle at 50% 50%,#fff7ed,#fef2f2)}.certificate.theme-superhero .cert-crest{color:#dc2626}.certificate.theme-superhero .cert-subtitle{color:#991b1b}.certificate.theme-superhero .cert-main-title{color:#7f1d1d}.certificate.theme-superhero .cert-turning-badge{background:#fee2e2;border-color:#fecaca;color:#991b1b}.certificate.theme-superhero .cert-age-num{color:#dc2626}.certificate.theme-superhero .seal-circle{border-color:#dc2626;background:#fef2f2;color:#b91c1c}.certificate.theme-superhero .cert-name-underline{background:linear-gradient(90deg,transparent,#ef4444,transparent)}@media print{@page{size:landscape;margin:8mm}body,html{background:#fff!important;color:#000!important;margin:0!important;padding:0!important}.no-print,header,footer,nav,.breadcrumbs,.nav,.cert-controls,.hero-badge,.preview-header,.hub-section,.mode-switch-wrapper{display:none!important}main{margin:0!important;padding:0!important}.container{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}.cert-app-section{padding:0!important;margin:0!important}.cert-layout{display:block!important}.cert-preview-wrap{width:100%!important}.certificate{box-shadow:none!important;border-radius:0!important;width:100%!important;height:100vh!important;max-height:190mm!important;page-break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cert-border-inner{padding:24px 36px!important}}