@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--lb-bg:#0d0d0d;--lb-bg-secondary:#161616;--lb-bg-tertiary:#1f1f1f;--lb-bg-hover:#2a2a2a;--lb-text:#fff;--lb-text-secondary:#a1a1a1;--lb-text-tertiary:#737373;--lb-accent:#ffc107;--lb-accent-hover:#ffb300;--lb-accent-light:#ffd54f;--lb-border:#2a2a2a;--lb-border-light:#3d3d3d;--db-transition:cubic-bezier(0.16,1,0.3,1);--db-transition-fast:0.2s var(--db-transition);--db-transition-base:0.4s var(--db-transition);--col-primary:#6c5ce7;--col-primary-hover:#5f4fd1;--col-primary-active:#5243c3;--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-xl:0 16px 48px rgba(0,0,0,.6);--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-full:9999px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--lb-bg);color:var(--lb-text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;letter-spacing:-.011em}a{color:var(--lb-accent);text-decoration:none;transition:color var(--db-transition-fast)}a:hover{color:var(--lb-accent-light)}.container{max-width:1600px;margin:40px auto;padding:0 20px}@media (max-width:1200px){.container{max-width:1400px;padding:0 24px}}@media (max-width:768px){.container{margin:20px auto;padding:0 16px}}.header{background:var(--lb-bg);border-bottom:1px solid var(--lb-border);position:-webkit-sticky;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav{display:flex;gap:24px;align-items:center;max-width:1600px;margin:0 auto;padding:20px;flex-wrap:wrap}.nav a{color:var(--lb-text-secondary);font-weight:500;font-size:15px;padding:8px 12px;border-radius:var(--radius-sm);transition:all var(--db-transition-fast);letter-spacing:-.011em}.nav a:hover{color:var(--lb-text);background:var(--lb-bg-tertiary)}@media (max-width:1200px){.nav{padding:14px 24px}}@media (max-width:768px){.nav{gap:12px;padding:12px 16px;font-size:14px}}.spacer{flex:1 1}@media (max-width:480px){.spacer{flex-basis:100%;height:0}}.footer{border-top:1px solid #22283f;padding:20px;text-align:center;color:#aab;font-size:14px}@media (max-width:768px){.footer{padding:16px;font-size:12px}}.btn{position:relative;background:var(--col-primary);border:none;color:#fff;padding:14px 28px;border-radius:var(--radius);cursor:pointer;font-size:15px;font-weight:600;font-family:Inter,sans-serif;transition:all var(--db-transition-fast);white-space:nowrap;box-shadow:0 2px 8px rgba(108,92,231,.25);letter-spacing:-.01em;text-decoration:none;display:inline-block}.btn:hover{background:var(--col-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px rgba(108,92,231,.35);color:#fff}.btn:active{background:var(--col-primary-active);transform:translateY(0);box-shadow:0 1px 4px rgba(108,92,231,.3)}.btn:disabled{color:var(--lb-text-tertiary);cursor:not-allowed;opacity:.5;transform:none}.btn-secondary,.btn:disabled{background:var(--lb-bg-tertiary);box-shadow:none}.btn-secondary{color:var(--lb-text);border:1px solid var(--lb-border-light)}.btn-secondary:hover{background:var(--lb-bg-hover);color:var(--lb-text);border-color:var(--lb-border-light);box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn-google{position:relative;background:#fff;border:1px solid var(--color-border-light);color:#1f1f1f;padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:600;font-family:Inter,sans-serif;transition:all var(--transition-base);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;box-shadow:var(--shadow-sm)}.btn-google:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-google:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-google:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.btn-google svg{flex-shrink:0}.btn-secondary{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-primary);box-shadow:0 4px 12px rgba(99,102,241,.2)}@media (max-width:1200px) and (min-width:1024px){.btn{padding:10px 13px;font-size:14px}}@media (max-width:1023px) and (min-width:769px){.btn{padding:9px 13px;font-size:14px}}@media (max-width:768px) and (min-width:481px){.btn{padding:9px 12px;font-size:13px}}@media (max-width:480px){.btn,.btn-google{padding:8px 12px;font-size:13px}.btn-google{gap:10px}}.card{background:var(--lb-bg-secondary);border:1px solid var(--lb-border);border-radius:var(--radius-lg);padding:32px;min-width:0;overflow:visible;box-shadow:var(--shadow-md);transition:all var(--db-transition-base);position:relative}.card:hover{border-color:var(--lb-border-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (max-width:1400px) and (min-width:1200px){.card{padding:22px}}@media (max-width:1199px) and (min-width:1024px){.card{padding:20px}}@media (max-width:1023px) and (min-width:769px){.card{padding:20px}}@media (max-width:768px) and (min-width:481px){.card{padding:18px;border-radius:10px}}@media (max-width:480px){.card{padding:16px;border-radius:8px}}.input,textarea{background:var(--lb-bg-tertiary);border:1px solid var(--lb-border);border-radius:var(--radius);color:var(--lb-text);padding:12px 16px;width:100%;font-size:15px;font-family:Inter,sans-serif;transition:all var(--db-transition-fast);letter-spacing:-.011em}.input:hover,textarea:hover{border-color:var(--lb-border-light)}.input:focus,textarea:focus{outline:none;border-color:var(--lb-accent);box-shadow:0 0 0 2px rgba(255,193,7,.1)}.input::placeholder,textarea::placeholder{color:var(--lb-text-tertiary);transition:opacity .5s ease-in-out}textarea{resize:vertical;min-height:100px}@media (max-width:1200px) and (min-width:1024px){.input{padding:10px;font-size:14px}}@media (max-width:1023px) and (min-width:769px){.input{padding:9px;font-size:14px}}@media (max-width:768px) and (min-width:481px){.input{padding:9px;font-size:15px}}@media (max-width:480px){.input{padding:8px;font-size:16px}}.grid{display:grid;grid-gap:18px;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:968px){.grid-2{grid-template-columns:1fr}}@media (max-width:768px){.grid{gap:12px}.grid-3{grid-template-columns:1fr}}.label{font-size:14px;font-weight:500;color:var(--lb-text-secondary);margin-bottom:8px;display:block;letter-spacing:-.011em}.template-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px}@media (max-width:1200px) and (min-width:1024px){.template-picker-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:1023px) and (min-width:769px){.template-picker-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:768px) and (min-width:601px){.template-picker-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:600px) and (min-width:481px){.template-picker-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px) and (min-width:381px){.template-picker-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width:380px){.template-picker-grid{grid-template-columns:1fr;gap:8px}}.template{background:var(--lb-bg-tertiary);border:1px solid var(--lb-border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all var(--db-transition-base)}.template:hover{border-color:var(--lb-border-light);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.template.selected{border:2px solid var(--lb-accent);background:var(--lb-bg-hover);box-shadow:0 0 0 2px rgba(255,193,7,.1)}@media (max-width:1200px) and (min-width:1024px){.template{padding:14px}}@media (max-width:1023px) and (min-width:769px){.template{padding:14px}}@media (max-width:768px) and (min-width:481px){.template{padding:12px;border-radius:10px}}@media (max-width:480px){.template{padding:10px;border-radius:8px}}.section-title{font-weight:600;margin:24px 0 16px;font-size:16px;color:var(--lb-text);letter-spacing:-.015em}@media (max-width:1200px) and (min-width:1024px){.section-title{font-size:15px;margin:15px 0 7px}}@media (max-width:1023px) and (min-width:769px){.section-title{font-size:15px;margin:14px 0 7px}}@media (max-width:768px) and (min-width:481px){.section-title{font-size:14px;margin:13px 0 6px}}@media (max-width:480px){.section-title{font-size:14px;margin:12px 0 6px}}.badge{background:#1d274e;color:#9bd;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid #283261;display:inline-block}h1{font-size:3rem;font-weight:700;margin:0 0 24px;letter-spacing:-.03em;line-height:1.1;color:var(--lb-text)}h2{font-size:2rem;margin:0 0 16px;letter-spacing:-.02em;line-height:1.2}h2,h3{font-weight:600;color:var(--lb-text)}h3{font-size:1.5rem;margin:0 0 12px;letter-spacing:-.015em;line-height:1.3}@media (max-width:1400px) and (min-width:1200px){h1{font-size:2.3rem}h2{font-size:1.65rem}h3{font-size:1.2rem}}@media (max-width:1199px) and (min-width:1024px){h1{font-size:2.2rem}h2{font-size:1.6rem}h3{font-size:1.15rem}}@media (max-width:1023px) and (min-width:769px){h1{font-size:2rem}h2{font-size:1.55rem}h3{font-size:1.125rem}}@media (max-width:768px) and (min-width:481px){h1{font-size:1.85rem}h2{font-size:1.5rem}h3{font-size:1.125rem}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.1rem}}.text-center{text-align:center}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.certificate-preview-card{overflow:visible!important;display:flex;align-items:center;justify-content:center;padding:16px!important;min-height:-moz-fit-content;min-height:fit-content}@media (max-width:768px){.certificate-preview-card{padding:12px!important}}@media (max-width:480px){.certificate-preview-card{padding:8px!important}}.certificate-preview-container{width:100%;display:flex;justify-content:center;align-items:center;overflow:visible;position:relative;padding:0;margin:0;min-width:0}.certificate-preview-wrapper{display:inline-block;transform-origin:center center;transition:transform .3s ease;margin:0 auto;max-width:100%}@media (min-width:1600px){.certificate-preview-wrapper{transform:scale(1.05)}.certificate-preview-container{min-height:540px;padding:10px 0}}@media (max-width:1599px) and (min-width:1400px){.certificate-preview-wrapper{transform:scale(1)}.certificate-preview-container{min-height:520px;padding:10px 0}}@media (max-width:1399px) and (min-width:1200px){.certificate-preview-wrapper{transform:scale(.92)}.certificate-preview-container{min-height:480px;padding:8px 0}}@media (max-width:1199px) and (min-width:1024px){.certificate-preview-wrapper{transform:scale(.85)}.certificate-preview-container{min-height:440px;padding:8px 0}}@media (max-width:1023px) and (min-width:969px){.certificate-preview-wrapper{transform:scale(.78)}.certificate-preview-container{min-height:400px;padding:6px 0}}@media (max-width:968px) and (min-width:769px){.certificate-preview-wrapper{transform:scale(1)}.certificate-preview-container{min-height:auto;padding:12px 0}}@media (max-width:768px) and (min-width:601px){.certificate-preview-wrapper{transform:scale(.92)}.certificate-preview-container{min-height:480px;padding:10px 0}}@media (max-width:600px) and (min-width:481px){.certificate-preview-wrapper{transform:scale(.82)}.certificate-preview-container{min-height:420px;padding:8px 0}}@media (max-width:480px) and (min-width:381px){.certificate-preview-wrapper{transform:scale(.7)}.certificate-preview-container{min-height:360px;padding:8px 0}}@media (max-width:380px) and (min-width:321px){.certificate-preview-wrapper{transform:scale(.6)}.certificate-preview-container{min-height:310px;padding:6px 0}}@media (max-width:320px){.certificate-preview-wrapper{transform:scale(.52)}.certificate-preview-container{min-height:270px;padding:6px 0}}@media (max-width:280px){.certificate-preview-wrapper{transform:scale(.45)}.certificate-preview-container{min-height:240px;padding:4px 0}}.dashboard-container{display:flex;flex-direction:column;gap:24px;max-width:1800px;margin:0 auto}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:40px;gap:40px;align-items:start}.dashboard-form{display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden}@media (max-width:1200px) and (min-width:1024px){.dashboard-form{gap:15px}}@media (max-width:1023px) and (min-width:769px){.dashboard-form{gap:14px}}@media (max-width:768px) and (min-width:481px){.dashboard-form{gap:14px}}@media (max-width:480px){.dashboard-form{gap:12px}}.dashboard-preview{position:-webkit-sticky;position:sticky;top:80px;min-width:0;overflow:hidden}.form-fields{display:flex;flex-direction:column;gap:12px}@media (max-width:1200px) and (min-width:1024px){.form-fields{gap:11px}}@media (max-width:1023px) and (min-width:769px){.form-fields{gap:11px}}@media (max-width:768px) and (min-width:481px){.form-fields{gap:10px}}@media (max-width:480px){.form-fields{gap:10px}}.cert-quota-info{margin-top:24px;padding:16px;background:var(--lb-bg-tertiary);border-radius:var(--radius);border:1px solid var(--lb-border);border-left:3px solid var(--lb-accent)}@media (max-width:1200px) and (min-width:1024px){.cert-quota-info{margin-top:15px;padding:11px}}@media (max-width:1023px) and (min-width:769px){.cert-quota-info{margin-top:14px;padding:11px}}@media (max-width:768px) and (min-width:481px){.cert-quota-info{margin-top:14px;padding:10px}}@media (max-width:480px){.cert-quota-info{margin-top:12px;padding:10px}}@media (max-width:1400px){.dashboard-layout{gap:32px}}@media (max-width:1200px){.dashboard-layout{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:1024px){.dashboard-layout{gap:24px}}@media (max-width:968px){.dashboard-layout{grid-template-columns:1fr;gap:32px}.dashboard-preview{position:static;order:2}.dashboard-form{order:1}}@media (max-width:768px){.dashboard-container{gap:20px}.dashboard-layout{gap:24px}.form-fields{gap:10px}}.certificate-download-buttons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.certificate-download-buttons .btn{flex:1 1 auto;min-width:140px}@media (max-width:480px){.certificate-download-buttons{flex-direction:column;gap:10px}.certificate-download-buttons .btn{width:100%;min-width:auto}}@media (max-width:375px){body{font-size:14px}.container{padding:0 12px}.card{padding:12px!important;border-radius:6px}.certificate-preview-card{padding:6px!important}.input,textarea{font-size:16px!important;padding:7px!important}.btn{padding:7px 10px!important;font-size:12px!important}h2{font-size:1.3rem!important}.section-title{font-size:13px!important}.template{padding:8px!important}.dashboard-container,.dashboard-layout{gap:16px}.form-fields{gap:8px}}@media (max-width:320px){body{font-size:13px}.container{padding:0 10px}.card{padding:10px!important;border-radius:6px}.certificate-preview-card{padding:4px!important}.input,textarea{font-size:16px!important;padding:6px!important}.btn{padding:6px 8px!important;font-size:12px!important}h2{font-size:1.2rem!important}.section-title{font-size:12px!important}.template{padding:6px!important}.template-picker-grid{gap:6px}.dashboard-container,.dashboard-layout{gap:12px}.form-fields{gap:6px}.cert-quota-info{padding:8px!important;font-size:11px}}@media (max-height:500px) and (orientation:landscape){.dashboard-preview{position:static!important}.certificate-preview-wrapper{transform:scale(.6)!important}.certificate-preview-container{min-height:auto!important;padding:4px 0!important}}@media (max-width:768px){.btn,.input,.template,textarea{min-height:44px}.template{min-height:60px}body{overflow-x:hidden}*{max-width:100%}.certificate-preview-wrapper>*{max-width:100%!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card{animation:fadeInUp .6s var(--db-transition)}.btn{animation:scaleIn .3s var(--db-transition)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--lb-bg)}::-webkit-scrollbar-thumb{background:var(--lb-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--lb-bg-hover)}::selection{background:rgba(255,193,7,.2);color:var(--lb-text)}::-moz-selection{background:rgba(255,193,7,.2);color:var(--lb-text)}#__next-build-watcher,[data-nextjs-dialog-overlay],[data-nextjs-toast],nextjs-portal{display:none!important}.nav a:first-child:hover{box-shadow:none!important;background:inherit!important}.nav a:first-child{transition:none!important;opacity:1!important;hover:none!important}.nav a:first-child:hover{color:inherit!important;opacity:1!important;transform:none!important}