:root{--primary-purple:#8b5cf6;--primary-hover:#7c3aed;--primary-active:#6d28d9;--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--bg-elevated:#1f1f1f;--bg-surface:#0f172a;--dark-bg:#0a0a0a;--dark-surface:#121212;--light-bg:#0a0a0a;--white:#fff;--text-primary:#fff;--text-secondary:#a3a3a3;--text-tertiary:#737373;--text-dark:#fff;--text-muted:#a3a3a3;--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-emphasis:hsla(0,0%,100%,.2);--gradient-purple:linear-gradient(135deg,#8b5cf6,#6d28d9);--shadow-soft:0 1px 3px 0 rgba(0,0,0,.3);--shadow-medium:0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5);--border-radius:12px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:cubic-bezier(0.4,0,0.2,1) 0.2s;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#7c3aed);border-radius:5px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfa,#8b5cf6)}*{scrollbar-width:thin;scrollbar-color:#8b5cf6 var(--bg-secondary)}.btn,[class*=btn-],button{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,sans-serif}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Inter","Segoe UI","Roboto","Helvetica Neue",sans-serif;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);scroll-padding-top:80px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow-x:hidden;max-width:100%}.navbar{background:var(--bg-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1500;transition:var(--transition)}.navbar.logged-in{box-shadow:0 4px 12px rgba(139,92,246,.15)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:space-between}.logo,.nav-container{display:flex;align-items:center}.logo{gap:10px;color:var(--text-primary);font-size:1.25rem;font-weight:600;text-decoration:none;transition:var(--transition-fast)}.logo:hover{color:var(--primary-purple)}.logo-icon{font-size:1.3em}.logo-image{height:40px;width:auto}.nav-links{display:flex;gap:30px;align-items:center;min-height:44px}.nav-link{color:#d1d5db;text-decoration:none;font-size:.9375rem;font-weight:500;transition:var(--transition-fast);position:relative}.nav-link:hover{color:#fff}.nav-link.active{color:var(--primary-purple)}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--primary-purple);border-radius:2px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.dashboard-header{padding:48px 0;text-align:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.dashboard-header.visible{opacity:1;visibility:visible}.dashboard-header .cta-button{margin:0 auto;min-width:340px}.dashboard-header .cta-button:after{white-space:nowrap;font-size:.85em;letter-spacing:.3px}.hero-section{background:linear-gradient(180deg,rgba(45,27,105,.85),rgba(76,42,133,.8) 15%,rgba(107,74,158,.75) 30%,rgba(139,92,246,.7) 45%,rgba(167,139,250,.65) 55%,rgba(196,167,244,.6) 70%,rgba(232,196,216,.55) 85%,hsla(14,75%,84%,.5));background-image:url(/hero_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:unset;background-blend-mode:overlay;padding:80px 0;position:relative;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.hero-section.visible{opacity:1;visibility:visible}.hero-section:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03) 30%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 70%,transparent);transform:skewX(-20deg);pointer-events:none;z-index:1;animation:lightSweep 12s cubic-bezier(.4,0,.2,1) infinite;mix-blend-mode:overlay}@keyframes lightSweep{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:200%;opacity:0}}.hero-glow-border{position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:1;overflow:hidden;opacity:.8;mix-blend-mode:screen}.hero-glow-border .glow-particle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;transform-origin:center center;will-change:transform,opacity}.particle-1{width:60vw;height:60vw;background:radial-gradient(circle,rgba(139,92,246,.4) 0,rgba(139,92,246,.1) 50%,transparent 70%);top:20%;left:20%;animation:floatGeneric 25s ease-in-out infinite alternate,pulseOpacity 10s ease-in-out infinite alternate}.particle-2{width:40vw;height:40vw;background:radial-gradient(circle,rgba(251,191,36,.3) 0,rgba(245,158,11,.1) 50%,transparent 70%);top:40%;right:20%;animation:floatGeneric 32s ease-in-out infinite alternate-reverse,pulseOpacity 15s ease-in-out infinite alternate;animation-delay:-5s}.particle-3{width:50vw;height:50vw;background:radial-gradient(circle,rgba(56,189,248,.3) 0,rgba(14,165,233,.1) 50%,transparent 70%);bottom:10%;left:30%;animation:floatGeneric 28s ease-in-out infinite alternate,pulseOpacity 12s ease-in-out infinite alternate-reverse;animation-delay:-10s}@keyframes floatGeneric{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(3%,5%) rotate(2deg)}66%{transform:translate(-2%,3%) rotate(-1deg)}to{transform:translate(2%,-4%) rotate(1deg)}}@keyframes pulseOpacity{0%{opacity:.4}to{opacity:.7}}.hero-section:before{background:linear-gradient(135deg,rgba(167,139,250,.1),rgba(139,92,246,.1) 50%,rgba(109,40,217,.1)),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");mix-blend-mode:overlay}.hero-wrapper{max-width:1200px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;position:relative;z-index:2}.hero-content{position:relative;z-index:1;color:#fff}.hero-section h1{font-family:var(--font-poppins),"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;font-size:3.2em;line-height:1.15;margin-bottom:24px;font-weight:500;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero-section p{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.15em;line-height:1.7;margin-bottom:32px;opacity:.95;font-weight:400;letter-spacing:.01em}.cta-button{background:transparent;color:#fff;padding:0;border:none;border-radius:12px;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.05em;font-weight:600;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25);position:relative;overflow:hidden;display:inline-flex;height:56px;min-width:280px}.cta-button,.cta-button:before{transition:all .3s ease;align-items:center}.cta-button:before{content:"\f054";font-family:Font Awesome\ 6 Free;font-weight:900;left:0;width:56px;background:linear-gradient(135deg,#6366f1,#4f46e5);font-size:1.3em;border-radius:12px 0 0 12px}.cta-button:after,.cta-button:before{position:absolute;top:0;height:100%;display:flex;justify-content:center}.cta-button:after{content:attr(data-text);left:56px;right:0;background:#2d2d2d;align-items:center;border-radius:0 12px 12px 0;transition:all .3s ease;letter-spacing:.5px;text-transform:uppercase;font-size:.95em;padding:0 20px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(139,92,246,.4)}.cta-button:hover:before{background:linear-gradient(135deg,#4f46e5,#4338ca)}.cta-button:hover:after{background:#3d3d3d}.preview-cards-carousel{position:relative;height:450px;width:100%;perspective:1200px}.preview-set{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none;transition:opacity .6s ease-out}.preview-set.active{opacity:1;pointer-events:auto}.preview-set.active .preview-card.card-1{animation:cardSlideIn 1.2s cubic-bezier(.16,1,.3,1) 0s forwards}.preview-set.active .preview-card.card-2{animation:cardSlideIn 1.2s cubic-bezier(.16,1,.3,1) .2s forwards}.preview-set.active .preview-card.card-3{animation:cardSlideIn 1.2s cubic-bezier(.16,1,.3,1) .4s forwards}.preview-set.exiting .preview-card.card-1{animation:cardSlideOut 1s cubic-bezier(.7,0,.84,0) 0s forwards}.preview-set.exiting .preview-card.card-2{animation:cardSlideOut 1s cubic-bezier(.7,0,.84,0) .15s forwards}.preview-set.exiting .preview-card.card-3{animation:cardSlideOut 1s cubic-bezier(.7,0,.84,0) .3s forwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(80px) scale(.8) rotate(8deg);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--card-rotate,0deg));filter:blur(0)}}@keyframes cardSlideOut{0%{opacity:1;transform:translateY(0) scale(1) rotate(var(--card-rotate,0deg));filter:blur(0)}to{opacity:0;transform:translateY(-50px) scale(.85) rotate(-5deg);filter:blur(6px)}}.preview-card{position:absolute;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.1);padding:20px;width:320px;height:auto;min-height:140px;background:linear-gradient(145deg,#fff,#f8fafc);display:flex;gap:15px;align-items:flex-start;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;opacity:0;transform-style:preserve-3d;will-change:transform,opacity;overflow:hidden}.preview-card:hover{transform:translateY(-12px) scale(1.03)!important;box-shadow:0 35px 80px rgba(0,0,0,.25),0 0 0 1px rgba(139,92,246,.2);z-index:10!important}.preview-avatar{width:60px;height:60px;background:#e2e8f0;border-radius:50%;flex-shrink:0}.preview-content{flex:1 1;padding-top:2px;min-width:0;text-align:left}.preview-name{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:4px;line-height:1.3;text-align:left}.preview-title{font-size:13px;color:#64748b;margin-bottom:8px;line-height:1.4;text-align:left}.preview-contact{font-size:11px;color:#475569;line-height:1.7;text-align:left;display:flex;flex-direction:column;gap:2px}.preview-company{display:block}.preview-email,.preview-phone{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.preview-email i,.preview-phone i{font-size:11px;color:#64748b}.preview-card.card-1{top:20px;right:80px;--card-rotate:-3deg}.preview-card.card-2{top:150px;right:10px;z-index:2;--card-rotate:2deg}.preview-card.card-3{top:280px;right:50px;--card-rotate:-1deg}.preview-card.style-purple{border-left:4px solid #8b5cf6}.avatar-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%}.preview-card.style-amber{border-left:4px solid #f59e0b}.avatar-amber{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px}.preview-card.style-emerald{border-left:4px solid #10b981}.avatar-emerald{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%}.preview-card.style-blue{border-left:4px solid #3b82f6}.avatar-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px}.preview-card.style-rose{border-left:4px solid #f43f5e}.avatar-rose{background:linear-gradient(135deg,#f43f5e,#e11d48);border-radius:50%}.preview-card.style-cyan{border-left:4px solid #06b6d4}.avatar-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:8px}.preview-card.style-orange{border-left:4px solid #f97316}.avatar-orange{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%}.preview-card.style-indigo{border-left:4px solid #6366f1}.avatar-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px}.preview-card.style-teal{border-left:4px solid #14b8a6}.avatar-teal{background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:8px}.preview-social{display:flex;flex-direction:column;gap:5px;margin-left:auto;padding-left:10px;flex-shrink:0}.preview-social i{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:10px;color:#fff;transition:transform .2s ease;flex-shrink:0}.preview-social i:hover{transform:scale(1.1)}.social-purple i{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.social-amber i{background:linear-gradient(135deg,#f59e0b,#d97706)}.social-emerald i{background:linear-gradient(135deg,#10b981,#059669)}.social-blue i{background:linear-gradient(135deg,#3b82f6,#2563eb)}.social-rose i{background:linear-gradient(135deg,#f43f5e,#e11d48)}.social-cyan i{background:linear-gradient(135deg,#06b6d4,#0891b2)}.social-orange i{background:linear-gradient(135deg,#f97316,#ea580c)}.social-indigo i{background:linear-gradient(135deg,#6366f1,#4f46e5)}.social-teal i{background:linear-gradient(135deg,#14b8a6,#0d9488)}.form-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:48px 40px;margin:40px auto;max-width:720px;animation:fadeIn .5s ease-in;scroll-margin-top:0;box-shadow:0 8px 32px rgba(139,92,246,.12),0 0 0 1px rgba(139,92,246,.08)}.form-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:8px;text-align:center;letter-spacing:-.02em}.form-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:32px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group select{color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a3a3a3' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group select option{background:var(--bg-tertiary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-purple);background:var(--bg-elevated);box-shadow:0 0 0 3px rgba(139,92,246,.15)}.form-group input[type=color]{height:48px;padding:4px;cursor:pointer}.color-input-wrapper{display:flex;gap:10px;align-items:center}.color-input-wrapper input[type=color]{width:60px;height:48px;flex-shrink:0}.color-text-input{flex:1 1;height:48px;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:1rem;font-family:var(--font-inter),"Inter",monospace;text-transform:uppercase;letter-spacing:.5px}.color-text-input:focus{outline:none;border-color:var(--primary-purple);background:var(--bg-elevated);box-shadow:0 0 0 3px rgba(139,92,246,.15)}.form-group small{display:block;margin-top:6px;color:var(--text-tertiary);font-size:.8125rem}.btn-generate{width:100%;padding:0;background:transparent;color:#fff;border:none;border-radius:12px;font-size:1.05em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 4px 20px rgba(0,0,0,.15);position:relative;overflow:hidden;display:flex;align-items:center;height:56px}.btn-generate:before{content:"\f054";font-family:Font Awesome\ 6 Free;font-weight:900;left:0;width:56px;background:linear-gradient(135deg,#6366f1,#4f46e5);font-size:1.3em;border-radius:12px 0 0 12px}.btn-generate:after,.btn-generate:before{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-generate:after{content:attr(data-text);left:56px;right:0;background:#2d2d2d;border-radius:0 12px 12px 0;letter-spacing:.5px;text-transform:uppercase;font-size:.95em}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(139,92,246,.4)}.btn-generate:hover:before{background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-generate:hover:after{background:#3d3d3d}.btn-generate:active{transform:translateY(0);box-shadow:0 3px 15px rgba(0,0,0,.15)}.btn-generate.loading{pointer-events:none}.btn-generate.loading:before{background:linear-gradient(135deg,#64748b,#475569)}.btn-generate.loading:after{background:#374151;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px rgba(87,60,255,.3)}50%{transform:scale(1.02);box-shadow:0 6px 20px rgba(87,60,255,.5)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:60px 40px;text-align:center;animation:fadeIn .5s ease-in;max-width:500px;margin:60px auto}.spinner{width:80px;height:80px;margin:0 auto 30px;border:5px solid #f3f4f6;border-top:5px solid var(--primary-purple);border-right:5px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;position:relative}.spinner:after{content:"✨";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;animation:sparkle 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sparkle{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes pulseGlow{0%,to{opacity:.8;filter:blur(80px)}50%{opacity:1;filter:blur(100px)}}.loading-container p{font-size:1rem;color:var(--text-secondary)}.loading-container h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:8px}.results-container{animation:fadeIn .5s ease-in;padding:40px 0}.results-container>h2{color:var(--text-primary);text-align:center;margin-bottom:32px;font-size:1.5rem;font-weight:600}.signature-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;margin-bottom:24px;transition:all .2s ease}.signature-card:hover{border-color:var(--border-default)}.signature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px;position:relative}.signature-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.button-group{display:flex;gap:8px;flex-wrap:wrap}.btn-copy{background:transparent;color:#fff;padding:0;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;overflow:hidden;display:inline-flex;align-items:center;height:38px;min-width:130px}.btn-copy.btn-primary{min-width:180px}.btn-copy:before{content:"\f054";font-family:Font Awesome\ 6 Free;font-weight:900;left:0;width:36px;background:var(--bg-elevated);font-size:.75rem;border-radius:8px 0 0 8px;color:var(--text-secondary)}.btn-copy:after,.btn-copy:before{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-copy:after{content:attr(data-text);left:36px;right:0;background:var(--bg-tertiary);border-radius:0 8px 8px 0;letter-spacing:.3px;text-transform:uppercase;font-size:.7rem;padding:0 12px;color:var(--text-primary)}.btn-copy:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.btn-copy:hover:before{background:var(--bg-tertiary)}.btn-copy:hover:after{background:var(--bg-elevated)}.btn-copy.btn-primary:before{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-copy.btn-primary:after{background:#2d2d2d;color:#fff}.btn-copy.btn-primary:hover:before{background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-copy.btn-primary:hover:after{background:#3d3d3d}.btn-copy.btn-edit:before,.btn-copy[onclick*=editSignature]:before{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-copy.btn-edit:after,.btn-copy[onclick*=editSignature]:after{background:#2d2d2d;color:#fff}.btn-copy.btn-edit:hover:before{background:linear-gradient(135deg,#059669,#047857)}.btn-copy.btn-edit:hover:after{background:#3d3d3d}.btn-save-signature:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important}.btn-save-signature:after{background:#2d2d2d!important;color:#fff!important}.btn-save-signature:hover:after{background:#3d3d3d!important}.btn-copy.btn-html:before{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-copy.btn-html:after{background:#2d2d2d;color:#fff}.btn-copy.btn-html:hover:before{background:linear-gradient(135deg,#d97706,#b45309)}.btn-copy.btn-html:hover:after{background:#3d3d3d}.btn-copy.btn-view:before{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-copy.btn-view:after{background:#2d2d2d;color:#fff}.btn-copy.btn-view:hover:before{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-copy.btn-view:hover:after{background:#3d3d3d}.btn-copy.btn-delete-action:before{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-copy.btn-delete-action:after{background:#2d2d2d;color:#fff}.btn-copy.btn-delete-action:hover:before{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-copy.btn-delete-action:hover:after{background:#3d3d3d}.copy-feedback{position:absolute;right:0;top:-30px;background:#10b981;color:#fff;padding:6px 12px;border-radius:6px;font-size:.85em;font-weight:600;animation:slideDown .3s ease-in}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.signature-preview{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;overflow-x:auto}.btn-reset{display:block;margin:24px auto 0;padding:14px 36px;background:#2d2d2d;color:#fff;border:1px solid var(--border-emphasis);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,.3)}.error-container{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:fadeIn .5s ease-in}.error-container p{color:#dc2626;font-size:1.1em;margin-bottom:20px}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn span{width:25px;height:3px;background:var(--text-dark);border-radius:3px;transition:var(--transition)}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-medium);z-index:999;max-height:0;overflow-y:auto;overflow-x:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);border-top:1px solid var(--border-subtle)}.mobile-menu.active{max-height:calc(100vh - 62px);border-bottom:3px solid var(--primary-purple)}.mobile-menu-item{display:block;padding:16px 20px;color:var(--text-primary);text-decoration:none;font-size:1em;font-weight:500;transition:var(--transition);background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.mobile-menu-item:hover{background:rgba(139,92,246,.1);color:var(--primary-purple);padding-left:25px}.mobile-menu-btn{font-family:inherit}.mobile-user-menu{background:var(--bg-elevated);border-top:2px solid var(--border-default)}.mobile-user-info{padding:16px 20px;color:var(--text-secondary);font-size:.9em;border-bottom:1px solid var(--border-default);word-break:break-word;display:flex;align-items:center}.mobile-sign-out-btn{display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);margin:12px 16px 16px;padding:12px 20px;background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.mobile-sign-out-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.mobile-sign-out-btn:active{transform:scale(.98)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;max-width:1100px;margin:0 auto}.pricing-card{position:relative;padding:40px 32px;display:flex;flex-direction:column}.pricing-header{text-align:center;padding:60px 0}.pricing-balance-card{margin-top:48px;padding:24px 32px;background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:500px;margin-left:auto;margin-right:auto;border:1px solid var(--border-subtle)}.pricing-info-card{margin-top:64px;padding:40px;background:var(--bg-tertiary);border-radius:var(--radius-xl);max-width:700px;margin-left:auto;margin-right:auto;text-align:center}@media (max-width:968px){.hero-wrapper{grid-template-columns:1fr;padding:0 30px;text-align:center}.hero-section h1{font-size:2.2em}.hero-image{display:block;margin-top:40px}.preview-cards-carousel{height:320px;transform:scale(.85)}.preview-card{width:260px;min-height:120px;padding:15px}.preview-avatar{width:50px;height:50px}.preview-name{font-size:14px}.preview-title{font-size:11px}.preview-contact{font-size:10px}.preview-social{gap:4px;padding-left:6px}.preview-social i{width:20px;height:20px;font-size:10px}.preview-card.card-1{top:10px;right:auto;left:50%;transform:translateX(-50%) rotate(-3deg);--card-rotate:-3deg}.preview-card.card-2{top:100px;right:auto;left:55%;transform:translateX(-45%) rotate(2deg);--card-rotate:2deg}.preview-card.card-3{top:190px;right:auto;left:45%;transform:translateX(-55%) rotate(-1deg);--card-rotate:-1deg}.nav-links{display:none}.navbar.logged-in .nav-links{display:flex!important;gap:10px}#mySignaturesLink,.nav-links .btn-auth,.nav-links .nav-link{display:none!important}.mobile-menu-btn{display:flex}.mobile-menu{display:block}}@media (max-width:768px){.logo-image{height:30px}.credits-display-wrapper{gap:6px}.credits-display{padding:6px 10px;font-size:.85em}.btn-add-credits{font-size:.75em;padding:6px 10px}.user-avatar{width:32px;height:32px;font-size:.85em}.hero-section h1{font-size:1.8em}.hero-section p{font-size:1em}.form-container{padding:30px 25px;margin:30px auto}.signature-card{padding:20px}.signature-header{flex-direction:column;align-items:flex-start}.button-group{width:100%;flex-direction:column}.btn-copy{width:100%}.copy-feedback{top:auto;bottom:-35px;right:50%;transform:translateX(50%)}.logo-text{font-size:.9em}}.signature-preview table{border-collapse:collapse}.signature-preview img{max-width:100%;height:auto}.btn-auth{background:transparent;color:#fff;padding:0;border:none;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease,opacity .3s ease,visibility .3s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;height:38px;min-width:115px;box-shadow:0 2px 10px rgba(0,0,0,.1);opacity:0;visibility:hidden}.btn-auth.visible{opacity:1;visibility:visible}.btn-auth:before{content:"\f2f6";font-family:Font Awesome\ 6 Free;font-weight:900;left:0;width:38px;background:linear-gradient(135deg,#6366f1,#4f46e5);font-size:1em;border-radius:8px 0 0 8px}.btn-auth:after,.btn-auth:before{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-auth:after{content:attr(data-text);left:38px;right:0;background:#2d2d2d;border-radius:0 8px 8px 0;font-size:.85em;letter-spacing:.3px;white-space:nowrap;min-width:70px}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,.3)}.btn-auth:hover:before{background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-auth:hover:after{background:#3d3d3d}.credits-display-wrapper{display:flex;align-items:center;gap:10px;position:relative;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.credits-display-wrapper.visible{opacity:1;visibility:visible}.credits-display{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);padding:8px 14px;border-radius:20px;border:1px solid var(--border-default);transition:var(--transition);color:var(--text-primary);cursor:pointer}.credits-display:hover{background:var(--bg-elevated);border-color:var(--border-emphasis)}.btn-add-credits{position:absolute;right:0;top:calc(100% + 2px);padding:10px 18px;background:var(--primary-purple);color:#fff;border-radius:8px;font-size:.9em;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .2s ease;border:1px solid var(--primary-purple);opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 4px 12px rgba(87,60,255,.2);z-index:100}.btn-add-credits:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 6px 16px rgba(87,60,255,.3)}.btn-add-credits:hover,.credits-display-wrapper:hover .btn-add-credits{opacity:1;visibility:visible;pointer-events:all}.credits-icon{font-size:1.1em}.credits-count{color:var(--primary-purple);font-weight:700;font-size:1em}.mobile-credits-wrapper{margin:8px 0}.mobile-credits-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:rgba(30,94,245,.1);border-radius:8px}.mobile-btn-add-credits{display:block;margin:8px 0;padding:10px 20px;background:linear-gradient(135deg,var(--primary-purple) 0,#0f3cc9 100%);color:#fff;border-radius:8px;font-size:.9em;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease}.mobile-btn-add-credits:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,94,245,.3)}.mobile-credits-display .credits-icon{font-size:1.2em}.mobile-credits-display .credits-count{color:var(--primary-purple);font-weight:700;font-size:1.1em}.mobile-credits-display .credits-label{color:#64748b;font-size:.9em}.user-menu{position:relative;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.user-menu.visible{opacity:1;visibility:visible}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em;cursor:pointer;transition:var(--transition)}.user-avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-soft)}.user-dropdown{display:none;position:absolute;right:0;top:50px;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);min-width:220px;z-index:1001;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.user-info{padding:15px;border-bottom:1px solid #e2e8f0}.user-email{font-size:.9em;color:#64748b;word-break:break-word}.dropdown-item{display:block;padding:12px 15px;color:#333;text-decoration:none;transition:all .2s ease;font-size:.95em}.dropdown-item:hover{background:rgba(87,60,255,.08);color:var(--primary-purple)}button.dropdown-item{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.95em}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;max-width:420px;width:90%;max-height:95vh;overflow-y:auto;position:relative;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;transition:color .2s ease;line-height:1;background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:24px;text-align:center}.auth-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-default)}.auth-tab{flex:1 1;padding:12px 20px;background:none;border:none;color:var(--text-tertiary);font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s ease;position:relative}.auth-tab:hover{color:var(--text-secondary)}.auth-tab.active{color:var(--text-primary)}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-purple)}.auth-form{animation:fadeIn .3s ease}.auth-form .form-group{margin-bottom:16px}.auth-form label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:.875rem}.auth-form input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.auth-form input::placeholder{color:var(--text-tertiary)}.auth-form input:focus{outline:none;border-color:var(--primary-purple);background:var(--bg-elevated);box-shadow:0 0 0 3px rgba(139,92,246,.15)}.btn-auth-submit{width:100%;padding:0;background:transparent;color:#fff;border:none;border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden;display:flex;align-items:center;height:50px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.btn-auth-submit:before{content:"\f054";font-family:Font Awesome\ 6 Free;font-weight:900;left:0;width:50px;background:linear-gradient(135deg,#6366f1,#4f46e5);font-size:1.2em;border-radius:12px 0 0 12px}.btn-auth-submit:after,.btn-auth-submit:before{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-auth-submit:after{content:attr(data-text);left:50px;right:0;background:#2d2d2d;border-radius:0 12px 12px 0;letter-spacing:.5px;text-transform:uppercase;font-size:.9em}.btn-auth-submit:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(139,92,246,.4)}.btn-auth-submit:hover:before{background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-auth-submit:hover:after{background:#3d3d3d}.auth-divider{display:flex;align-items:center;text-align:center;margin:25px 0;color:var(--text-tertiary);font-size:.9em}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;border-bottom:1px solid var(--border-default)}.auth-divider span{padding:0 15px}.btn-google{width:100%;padding:12px 24px;background:#fff;color:#333;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-google:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.auth-error{background:#fee2e2;color:#dc2626}.auth-error,.auth-success{padding:12px 16px;border-radius:8px;margin-top:20px;font-size:.95em;text-align:center}.auth-success{background:#d1fae5;color:#059669}.usage-counter{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:30px}.usage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.usage-text{color:#64748b;font-size:.95em}.usage-text strong{color:var(--primary-purple);font-size:1.1em}.usage-plan{background:var(--primary-purple);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600}.usage-bar{width:100%;height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden}.usage-progress{height:100%;background:linear-gradient(90deg,var(--primary-purple) 0,#10b981 100%);border-radius:10px;transition:width .5s ease}@media (max-width:768px){.modal-content{padding:30px 20px;width:95%}.modal-title{font-size:1.5em}.btn-auth{padding:8px 16px;font-size:.9em}.user-dropdown{right:-10px}.usage-counter{padding:15px}.usage-info{flex-direction:column;align-items:flex-start}}.footer{background:var(--gradient-purple);background-image:url(/hero_bg.jpg);background-size:cover;background-repeat:no-repeat;background-blend-mode:overlay;color:#fff;padding:40px 20px 20px;margin-top:80px}.footer-content{max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:30px;gap:30px;margin:0 auto 30px}.footer-section h3{margin-bottom:15px;font-size:1.1rem}.footer-section p{color:hsla(0,0%,100%,.8);line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8);font-size:.9rem}@media (max-width:1024px){.hero-wrapper{gap:40px;padding:0 30px}.preview-cards-carousel{height:400px}.preview-card{width:280px}.form-container{max-width:650px;padding:40px 35px}}@media (max-width:968px){.container{padding:0 16px;overflow-x:hidden;max-width:100%}.hero-section{padding:80px 0 60px;background-image:url(/mob-bg.jpg);background-position:50%}.hero-wrapper{grid-template-columns:1fr;padding:0 20px;text-align:center;gap:30px}.hero-content{order:1}.hero-section h1{font-size:2.2em;margin-bottom:16px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-section p{font-size:1.05em;margin-bottom:24px;text-shadow:0 1px 5px rgba(0,0,0,.4)}.cta-button{min-width:260px;margin:0 auto}.hero-image{display:flex;justify-content:center;width:100%;order:2}.preview-cards-carousel{height:340px;transform:scale(.75);transform-origin:center top;position:relative;width:320px}.preview-set{left:0;right:0;width:100%}.preview-card{width:260px;min-height:110px;padding:14px}.preview-card.card-1{top:0;left:0;right:0;margin:0 auto;transform:rotate(-3deg)}.preview-card.card-2{top:105px;left:0;right:0;margin:0 auto;transform:rotate(2deg)}.preview-card.card-3{top:210px;left:0;right:0;margin:0 auto;transform:rotate(-1deg)}.preview-social{gap:4px;padding-left:6px;margin-left:auto;flex-shrink:0;align-self:center}.preview-social i{width:18px;height:18px;font-size:8px;border-radius:4px}.preview-avatar{width:50px;height:50px}.preview-name{font-size:14px}.preview-title{font-size:11px;margin-bottom:5px}.preview-contact{font-size:10px;line-height:1.5}.preview-email,.preview-phone{font-size:10px;gap:5px}.preview-email i,.preview-phone i{font-size:10px}.btn-auth,.credits-display-wrapper,.nav-links,.user-menu{display:none!important}.mobile-menu-btn{display:flex}.mobile-menu{display:block}.form-container{padding:32px 28px;margin:30px auto;max-width:100%!important;overflow:hidden;box-sizing:border-box}.form-title{font-size:1.5rem}.form-subtitle{font-size:.95rem;margin-bottom:24px}.signatures-grid{grid-template-columns:1fr!important;gap:20px!important}.signature-item,.signatures-grid{max-width:100%!important;overflow:hidden}.signature-item{padding:20px!important;box-sizing:border-box}.pricing-grid{grid-template-columns:1fr!important;gap:20px}}@media (max-width:768px){body{font-size:15px}.navbar{padding:10px 0}.nav-container{padding:0 12px;gap:8px}.logo-image{height:28px}.btn-auth,.credits-display-wrapper,.user-menu{display:none!important}.hero-section{padding:40px 0 30px}.hero-wrapper{padding:0 16px;gap:20px}.hero-section h1{font-size:1.6em;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-section p{font-size:.9em;line-height:1.6;text-shadow:0 1px 5px rgba(0,0,0,.4)}.cta-button{width:100%;max-width:280px;min-width:unset;height:50px}.cta-button:before{width:44px;font-size:1em}.cta-button:after{left:44px;font-size:.8em}.hero-image{display:flex;justify-content:center;width:100%}.preview-cards-carousel{height:380px;transform:scale(.85);margin-top:10px;margin-bottom:0;position:relative;width:350px}.preview-set{left:0;right:0;width:100%}.preview-card{width:300px;min-height:100px;padding:16px;gap:12px}.preview-card.card-1{top:0;left:0;right:0;margin:0 auto;transform:rotate(-3deg)}.preview-card.card-2{top:120px;left:0;right:0;margin:0 auto;transform:rotate(2deg)}.preview-card.card-3{top:240px;left:0;right:0;margin:0 auto;transform:rotate(-1deg)}.preview-avatar{width:50px;height:50px}.preview-name{font-size:15px;text-align:left}.preview-title{font-size:11px;margin-bottom:5px;text-align:left}.preview-contact{font-size:10px;line-height:1.5;text-align:left}.preview-email,.preview-phone{font-size:10px;gap:5px}.preview-email i,.preview-phone i{font-size:10px}.preview-social{gap:4px;padding-left:6px;margin-left:auto;flex-shrink:0;align-self:center}.preview-social i{width:18px;height:18px;font-size:8px;border-radius:4px}.form-container{padding:24px 20px;margin:20px 12px;border-radius:16px}.form-title{font-size:1.35rem}.form-subtitle{font-size:.9rem;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{font-size:.85rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:16px;border-radius:10px}.color-input-wrapper{flex-direction:row;gap:8px}.color-input-wrapper input[type=color]{width:50px;height:44px}.color-text-input{height:44px;padding:10px 12px;font-size:.9rem}.logo-input-toggle{flex-direction:row}.logo-input-toggle button{padding:10px 8px!important;font-size:.8em!important}.upload-dropzone{padding:20px 16px!important}.btn-generate{height:52px;margin-top:16px}.btn-generate:before{width:48px;font-size:1.1em}.btn-generate:after{left:48px;font-size:.85em}.signature-card{padding:18px;border-radius:14px}.signature-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px}.signature-header h3{font-size:1rem}.button-group{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.btn-copy{width:100%;min-width:unset;height:36px}.btn-copy:before{width:32px;font-size:.7rem}.btn-copy:after{left:32px;font-size:.65rem;padding:0 8px}.btn-copy.btn-primary{grid-column:1/-1;min-width:unset}.signature-preview{padding:16px}.signature-preview table{min-width:280px}.loading-container{padding:40px 24px;margin:40px 16px}.spinner{width:60px;height:60px;margin-bottom:20px}.loading-container h2{font-size:1.1rem}.results-container{padding:24px 0}.results-container>h2{font-size:1.25rem;margin-bottom:20px}.btn-reset{padding:12px 28px;font-size:.9rem}.modal{align-items:flex-start;padding:60px 12px 12px}.modal-content{width:100%;max-width:100%;padding:24px 20px;border-radius:16px;max-height:calc(100vh - 80px)}.modal-close{top:12px;right:12px;width:36px;height:36px;font-size:1.75rem}.modal-title{font-size:1.35rem;padding-right:40px}.auth-tabs,.modal-title{margin-bottom:20px}.auth-tab{padding:10px 16px;font-size:.9rem}.auth-form .form-group{margin-bottom:14px}.btn-auth-submit{height:48px}.btn-auth-submit:before{width:44px}.btn-auth-submit:after{left:44px;font-size:.85em}.auth-divider{margin:20px 0}.btn-google{padding:12px 20px;font-size:.95em}.user-dropdown{right:-8px;min-width:200px}.user-info{padding:12px}.user-email{font-size:.85em}.dropdown-item{padding:12px;font-size:.9em}.mobile-menu{border-radius:0 0 16px 16px}.mobile-menu-item{padding:14px 20px;font-size:.95em}.mobile-credits-display{padding:14px 16px;margin:12px 16px;border-radius:12px}.mobile-btn-add-credits{margin:8px 16px 12px;padding:12px 16px;border-radius:10px}.mobile-user-info{padding:14px 20px;font-size:.85em}.footer{padding:32px 16px 16px;margin-top:48px;background-image:url(/mob-bg.jpg)}.footer-content{grid-template-columns:1fr;gap:24px;text-align:center}.footer-section h3{font-size:1rem}.footer-section p,.footer-section ul li{font-size:.9rem}.footer-bottom{font-size:.85rem;padding-top:16px}.dashboard-header{padding:32px 0}.dashboard-header .cta-button{min-width:unset;width:100%;max-width:320px}.pricing-header{padding:40px 16px}.pricing-header h1{font-size:1.75rem!important}.pricing-header p{font-size:1rem!important}.pricing-balance-card{margin:32px 16px 0;padding:20px}.pricing-info-card{margin:40px 16px 0;padding:24px 20px}.pricing-info-card h3{font-size:1.25rem!important}.signatures-grid{grid-template-columns:1fr!important;gap:16px!important}.signature-item,.signatures-grid{max-width:100%!important;overflow:hidden}.signature-item{padding:16px!important;border-radius:14px!important;box-sizing:border-box}.signature-meta{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px}.signature-preview{overflow-x:auto;-webkit-overflow-scrolling:touch}.signature-actions{display:grid!important;grid-template-columns:repeat(3,1fr);grid-gap:8px!important;gap:8px!important;width:100%}.signature-actions .btn-copy{width:100%;height:40px}.signature-actions .btn-copy:before{width:36px}.signature-actions .btn-copy:after{left:36px;font-size:.6rem;padding:0 6px}.signature-actions .btn-copy.btn-primary{grid-column:1/-1;height:44px}.signature-actions .btn-copy.btn-primary:before{width:40px}.signature-actions .btn-copy.btn-primary:after{left:40px;font-size:.7rem}.my-signatures-container{padding:0 8px!important}.my-signatures-form{padding:16px 12px!important;margin:16px 0!important}.view-signature-wrapper{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:16px!important}}@media (max-width:480px){.logo-image{height:24px}.credits-display{padding:3px 6px;font-size:.7em}.user-avatar{width:28px;height:28px;font-size:.75em}.hero-section{padding:30px 0 20px}.hero-section h1{font-size:1.4em}.hero-section p{font-size:.85em;margin-bottom:20px}.preview-cards-carousel{height:320px;transform:scale(.75);margin-top:0;margin-bottom:-20px;width:300px}.preview-set{left:0;right:0;width:100%}.preview-card{width:280px;padding:14px;gap:10px}.preview-card.card-1{top:0;left:0;right:0;margin:0 auto;transform:rotate(-3deg)}.preview-card.card-2{top:100px;left:0;right:0;margin:0 auto;transform:rotate(2deg)}.preview-card.card-3{top:200px;left:0;right:0;margin:0 auto;transform:rotate(-1deg)}.preview-avatar{width:45px;height:45px}.preview-name{font-size:14px}.preview-title{font-size:10px}.preview-social i{width:16px;height:16px;font-size:7px}.form-container{padding:20px 14px;margin:12px 8px}.form-title{font-size:1.2rem}.form-subtitle{font-size:.85rem}.button-group{grid-template-columns:1fr}.btn-copy.btn-primary{grid-column:1}.signature-actions{grid-template-columns:1fr 1fr!important}.signature-actions .btn-copy:last-child{grid-column:1/-1}.my-signatures-container{padding:0 4px!important}.my-signatures-form{padding:12px 10px!important;margin:12px 0!important}.modal{padding:40px 8px 8px}.modal-content{padding:20px 16px;max-width:95%!important}.modal-title{font-size:1.2rem}.view-signature-wrapper{padding:12px!important}.pricing-header h1{font-size:1.5rem!important}.pricing-header p{font-size:.9rem!important;margin-bottom:32px!important}.pricing-balance-card{padding:16px}.pricing-balance-card span:first-of-type{font-size:2rem!important}.pricing-info-card{padding:20px 16px}.pricing-info-card h3{font-size:1.15rem!important}.pricing-info-card p{font-size:.9rem}.signature-actions{grid-template-columns:1fr!important}.signature-actions .btn-copy.btn-primary{grid-column:1}}@media (max-width:896px) and (orientation:landscape){.hero-section{padding:30px 0}.hero-wrapper{grid-template-columns:1fr 1fr;text-align:left}.hero-section h1{font-size:1.6em}.preview-cards-carousel{height:280px;transform:scale(.7)}.cta-button{margin:0}.modal{padding-top:20px}.modal-content{max-height:calc(100vh - 40px)}}@media (hover:none) and (pointer:coarse){.nav-link{padding:8px 4px}.btn-auth,.btn-auth-submit,.btn-copy,.btn-generate,.cta-button{min-height:44px}.mobile-menu-item{min-height:48px;display:flex;align-items:center}.dropdown-item{min-height:44px;display:flex;align-items:center}.preview-card:hover{transform:none!important}.btn-add-credits{position:static;opacity:1;visibility:visible;pointer-events:auto;margin-top:8px;display:block;width:100%}.credits-display-wrapper{flex-direction:column;align-items:stretch}.btn-copy:active,.btn-generate:active,.cta-button:active{transform:scale(.98)}.signature-preview{position:relative}.signature-preview:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to right,transparent,var(--bg-secondary));pointer-events:none;opacity:0;transition:opacity .3s ease}.signature-preview::-webkit-scrollbar{height:4px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-image{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-glow-border .glow-particle,.hero-section:after{animation:none!important}}@supports (padding:max(0px)){.navbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-menu{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_Fallback_6bee3b;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_6bee3b{font-family:__Poppins_6bee3b,__Poppins_Fallback_6bee3b;font-style:normal}.__variable_6bee3b{--font-poppins:"__Poppins_6bee3b","__Poppins_Fallback_6bee3b"}