:root{--et-orange: #F7941D;--et-orange-hover: #E8850F;--blue-600: #F7941D;--blue-500: #3B82F6;--blue-400: #60A5FA;--blue-100: #FFF7ED;--blue-50: #FFFBEB;--navy-900: #0F172A;--navy-800: #1E293B;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--slate-50: #F8FAFC;--green-600: #16A34A;--container: 1200px;--card-radius: 16px;--btn-radius: 10px;--shadow-md: 0 4px 12px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--slate-600);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{max-width:var(--container);margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-weight:700;color:var(--navy-900);line-height:1.15}.label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-500);margin-bottom:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--btn-radius);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;line-height:1}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:0 1px 3px #f7941d4d}.btn-primary:hover{background:#e8850f;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--slate-600);border:1.5px solid var(--slate-200)}.btn-ghost:hover{border-color:var(--slate-400);color:var(--navy-900)}.btn-orange{background:var(--et-orange);color:#fff;box-shadow:0 1px 3px #f7941d4d}.btn-orange:hover{background:var(--et-orange-hover);transform:translateY(-1px)}.breadcrumb{padding:12px 0;font-size:13px;color:var(--slate-400)}.breadcrumb a{color:var(--slate-400);text-decoration:none}.breadcrumb a:hover{color:var(--blue-600)}.breadcrumb span{margin:0 6px}.hero-compact{padding:32px 0 24px;text-align:center}.hero-compact h1{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.hero-compact p{font-size:16px;color:var(--slate-500);max-width:520px;margin:0 auto}.generator{display:grid;grid-template-columns:1fr 520px;gap:32px;align-items:start;padding-bottom:64px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--navy-900);margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;font-size:14px;font-family:inherit;border:1.5px solid var(--slate-200);border-radius:8px;background:#fff;color:var(--navy-900);transition:border-color .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #f7941d1a}.form-hint{font-size:12px;color:var(--slate-400);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-area{border:2px dashed var(--slate-200);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .15s;position:relative}.upload-area:hover{border-color:var(--blue-400);background:var(--blue-50)}.upload-area p{font-size:13px;color:var(--slate-500)}.upload-area em{color:var(--blue-600);font-weight:600;font-style:normal}.upload-area input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-preview{margin-top:10px;display:flex;align-items:center;gap:8px;justify-content:center}.upload-preview img{max-height:40px;border-radius:4px}.upload-preview button{font-size:12px;color:#dc2626;background:none;border:none;cursor:pointer}.customize-section{margin-top:24px;border-top:1px solid var(--slate-200);padding-top:20px}.customize-title{font-size:14px;font-weight:700;color:var(--navy-900);margin-bottom:16px}.accordion{border:1px solid var(--slate-200);border-radius:12px;overflow:hidden}.accordion-item{border-bottom:1px solid var(--slate-100)}.accordion-item:last-child{border-bottom:none}.accordion-header{padding:14px 16px;font-size:13px;font-weight:600;color:var(--navy-900);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.accordion-header:hover{background:var(--slate-50)}.accordion-header:after{content:"+";font-size:18px;color:var(--slate-400)}.accordion-header.open:after{content:"−"}.accordion-body{padding:0 16px 16px;display:none}.accordion-body.open{display:block}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.template-option{border:2px solid var(--slate-200);border-radius:10px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .15s;background:#fff}.template-option:hover{border-color:var(--blue-400)}.template-option.active{border-color:var(--blue-500);background:var(--blue-50)}.template-option .tmpl-preview{width:100%;aspect-ratio:1.4;border-radius:6px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--slate-50);border:1px solid var(--slate-100)}.template-option .tmpl-label{font-size:11px;font-weight:600;color:var(--slate-600)}.color-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.color-row label{font-size:13px;color:var(--slate-600);min-width:100px}.color-row input[type=color]{width:36px;height:36px;border-radius:8px;border:2px solid var(--slate-200);cursor:pointer;padding:2px;background:#fff}.orient-options{display:flex;gap:8px}.orient-option{flex:1;padding:10px;text-align:center;border:2px solid var(--slate-200);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--slate-500);transition:all .15s}.orient-option:hover{border-color:var(--blue-400)}.orient-option.active{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-600)}.sidebar{position:sticky;top:104px}.preview-card{background:#fff;border:1.5px solid var(--slate-200);border-radius:var(--card-radius);padding:24px}.preview-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400);margin-bottom:16px}.cert-frame{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 16px #0000001a}.download-buttons{display:flex;gap:8px;margin-top:20px}.download-buttons .btn{flex:1;justify-content:center;padding:11px 16px}.cert-inner{padding:32px 28px;text-align:center;position:relative;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.cert-inner.landscape{aspect-ratio:1.414}.cert-inner.portrait{aspect-ratio:.707;min-height:500px}.cert-logo{max-height:36px;max-width:140px;object-fit:contain}.cert-type{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:8px 0 4px}.cert-body{font-size:13px;line-height:1.7;color:#444;max-width:90%}.cert-name{font-size:20px;font-weight:700;margin:4px 0}.cert-training{font-size:14px;font-weight:600;font-style:italic}.cert-hours{font-size:12px;color:#666}.cert-sig{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:2px}.cert-sig-line{width:160px;border-top:1px solid #999;margin-bottom:4px}.cert-sig-name{font-size:12px;font-weight:600;color:#333}.cert-sig-title{font-size:11px;color:#666}.cert-number{font-size:10px;color:#999;margin-top:8px}.tmpl-klasyczny{border:6px double}.tmpl-klasyczny .cert-inner{padding:36px 28px}.tmpl-nowoczesny{border:none;position:relative}.tmpl-nowoczesny:before{content:"";position:absolute;top:0;left:0;right:0;height:6px}.tmpl-nowoczesny .cert-inner{padding:40px 28px}.tmpl-elegancki{border:2px solid;position:relative}.tmpl-elegancki:after{content:"";position:absolute;inset:6px;border:1px solid;pointer-events:none;opacity:.3}.tmpl-minimalistyczny{border:none;border-left:5px solid}.tmpl-minimalistyczny .cert-inner{text-align:left;align-items:flex-start;padding:36px 32px}.tmpl-minimalistyczny .cert-sig{align-items:flex-start}.mini-cta{margin-top:20px;padding:20px;background:var(--slate-50);border-radius:12px;text-align:left}.mini-cta-title{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-400);margin-bottom:12px}.mini-cta-links{list-style:none}.mini-cta-links li{margin-bottom:8px}.mini-cta-links a{font-size:14px;font-weight:500;color:var(--blue-600);text-decoration:none;display:flex;align-items:center;gap:8px}.mini-cta-links a:hover{color:#e8850f}.steps-section{padding:64px 24px}.steps-section h2{text-align:center;font-size:20px;margin-bottom:36px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;margin:0 auto}.step{text-align:center}.step-icon{width:52px;height:52px;border-radius:14px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.step-icon svg{color:var(--blue-600)}.step-num{font-size:11px;font-weight:700;color:var(--blue-500);margin-bottom:4px}.step h3{font-size:14px;margin-bottom:4px}.step p{font-size:13px;color:var(--slate-500);line-height:1.5}.usecases{padding:64px 24px;background:var(--slate-50)}.usecases h2{text-align:center;font-size:20px;margin-bottom:8px}.usecases>.container>p{text-align:center;color:var(--slate-500);margin-bottom:36px;font-size:15px}.usecases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto 32px}.usecase-card{background:#fff;border-radius:var(--card-radius);padding:28px 24px;border:1px solid var(--slate-200)}.usecase-card:hover{box-shadow:var(--shadow-md)}.usecase-icon{width:44px;height:44px;border-radius:10px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.usecase-icon svg{color:var(--blue-600)}.usecase-card h3{font-size:15px;margin-bottom:6px}.usecase-card p{font-size:14px;color:var(--slate-500);line-height:1.6}.faq-section{max-width:720px;margin:0 auto;padding:64px 24px}.faq-section h2{text-align:center;font-size:20px;margin-bottom:28px}.faq-item{border-bottom:1px solid var(--slate-200)}.faq-item:last-child{border-bottom:none}.faq-q{padding:18px 0;font-size:15px;font-weight:600;color:var(--navy-900);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-q:after{content:"+";font-size:20px;color:var(--slate-400);transition:transform .2s;flex-shrink:0}.faq-q.open:after{transform:rotate(45deg)}.faq-a{font-size:14px;color:var(--slate-600);line-height:1.7;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}.faq-a.open{max-height:300px;padding-bottom:18px}.banner-cta{background:linear-gradient(135deg,var(--navy-900),var(--navy-800));padding:56px 24px;text-align:center;color:#fff}.banner-cta .label{color:var(--blue-400)}.banner-cta h2{color:#fff;font-size:clamp(1.3rem,2.5vw,1.75rem);margin-bottom:12px}.banner-cta p{color:#ffffffa6;max-width:560px;margin:0 auto 28px;font-size:15px}.banner-cta .btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer a:hover{color:var(--et-orange)}@media(max-width:1000px){.generator{grid-template-columns:1fr}.sidebar{position:static;order:-1}.usecases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.steps-grid,.usecases-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.orient-options{flex-direction:column}}