:root{--primary-color:#f28482;--secondary-color:#3d405b;--bg-light:#fffbf5;--white:#fff;--text-dark:#3d405b;--text-muted:#666;--gold:#f1c40f;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--white);color:var(--text-dark);line-height:1.6;overflow-x:hidden}section{padding:100px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-weight:800;line-height:1.2}span{color:var(--primary-color)}.btn{cursor:pointer;border:none;border-radius:50px;padding:16px 36px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #f284824d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f2848266}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.header-spacer{height:80px}.cert-hero{background-color:var(--bg-light);text-align:center;padding:120px 0 80px}.cert-hero h1{color:var(--secondary-color);margin-bottom:25px;font-size:clamp(2.5rem,5vw,4rem)}.cert-hero p{color:var(--text-muted);max-width:700px;margin:0 auto 40px;font-size:1.15rem}.cert-mockup-wrapper{perspective:1500px;justify-content:center;margin-top:50px;display:flex}.certificate-paper{aspect-ratio:1.414;text-align:center;background:#fff;border:1px solid #eee;width:100%;max-width:700px;padding:40px;transition:all .5s;position:relative;transform:rotateX(10deg);box-shadow:0 30px 60px #00000026}.certificate-paper:hover{transform:rotateX(0)scale(1.02)}.cert-border{border:2px solid #3d405b;height:100%;padding:20px;position:relative}.cert-corner{border:4px double #3d405b;width:40px;height:40px;position:absolute}.tl{border-bottom:none;border-right:none;top:10px;left:10px}.tr{border-bottom:none;border-left:none;top:10px;right:10px}.bl{border-top:none;border-right:none;bottom:10px;left:10px}.br{border-top:none;border-left:none;bottom:10px;right:10px}.cert-title{color:#3d405b;margin-bottom:10px;font-family:Great Vibes,cursive;font-size:3rem}.cert-body{color:#555;margin:20px 0;font-size:1rem;line-height:1.8}.cert-name{color:var(--primary-color);border-bottom:1px solid #ddd;margin:10px 0;padding:0 20px;font-size:2rem;font-weight:700;display:inline-block}.cert-seal{background:var(--gold);color:#fff;border:4px double #d4ac0d;border-radius:50%;place-items:center;width:80px;height:80px;font-size:.8rem;font-weight:700;display:grid;position:absolute;bottom:30px;right:40px;box-shadow:0 5px 15px #f1c40f66}.cert-seal i{margin-bottom:2px;font-size:1.5rem;display:block}.verify-section{background:#fff}.split-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.verify-box{text-align:center;background:#fff;border:1px solid #eee;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0000000d}.verify-input{text-align:center;letter-spacing:2px;border:2px solid #ddd;border-radius:8px;width:100%;margin-bottom:15px;padding:15px;font-size:1rem;font-weight:600;transition:all .3s}.verify-input:focus{border-color:var(--primary-color);outline:none}.verify-result{color:#047857;background:#e6fffa;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px;font-weight:700;animation:.5s fadeIn;display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;display:grid}.feat-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:30px;transition:all .3s}.feat-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.feat-icon{color:var(--primary-color);margin-bottom:20px;font-size:2rem}.feat-card h3{color:var(--secondary-color);margin-bottom:10px}.feat-card p{color:var(--text-muted);font-size:.95rem}.social-share-section{background:var(--bg-light);padding:80px 0}.linkedin-card{background:#fff;border:1px solid #ddd;border-radius:8px;max-width:500px;margin:0 auto;padding:20px;box-shadow:0 5px 15px #0000000d}.li-header{gap:10px;margin-bottom:15px;display:flex}.li-avatar{background:#ddd;border-radius:50%;width:40px;height:40px}.li-image{color:#aaa;background:#f0f0f0;border-radius:4px;place-items:center;width:100%;height:200px;margin-bottom:15px;font-size:3rem;display:grid}.li-actions{color:#666;border-top:1px solid #eee;justify-content:space-around;padding-top:10px;font-size:.9rem;display:flex}@media (width<=992px){.split-grid{text-align:center;grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:1fr}.hero-grid{text-align:center}.certificate-paper{padding:20px}.cert-title{font-size:2rem}.cert-name{font-size:1.5rem}}.design-section{background:#fff}.design-interface{background:#f8f9fa;border:1px solid #ddd;border-radius:16px;grid-template-columns:250px 1fr;display:grid;overflow:hidden;box-shadow:0 10px 30px #0000000d}.design-sidebar{background:#fff;border-right:1px solid #eee;padding:20px}.tool-btn{cursor:pointer;color:#555;border-radius:8px;align-items:center;gap:10px;margin-bottom:5px;padding:12px;font-size:.9rem;transition:all .2s;display:flex}.tool-btn:hover{color:#333;background:#f0f0f0}.tool-btn.active{color:#1565c0;background:#e3f2fd;font-weight:600}.design-canvas{background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:20px 20px;justify-content:center;align-items:center;padding:40px;display:flex}.upload-zone{color:#888;cursor:pointer;background:#fffc;border:2px dashed #bbb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;height:250px;transition:all .3s;display:flex}.upload-zone:hover{border-color:var(--primary-color);color:var(--primary-color);background:#fff}.bulk-section{background:var(--bg-light)}.process-row{justify-content:center;align-items:center;gap:30px;margin-top:40px;display:flex}.process-step{text-align:center;width:160px;position:relative}.p-icon{width:80px;height:80px;color:var(--secondary-color);background:#fff;border:1px solid #eee;border-radius:50%;place-items:center;margin:0 auto 15px;font-size:2rem;display:grid;box-shadow:0 10px 20px #0000000d}.p-arrow{color:#ccc;font-size:1.5rem}@media (width<=768px){.design-interface{grid-template-columns:1fr}.design-sidebar{padding:10px;display:flex;overflow-x:auto}.tool-btn{white-space:nowrap}.process-row{flex-direction:column;gap:40px}.p-arrow{transform:rotate(90deg)}}