@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Playfair+Display:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary:#667eea;--primary-dark:#5146e5;--primary-light:#8f88ff;--accent:#764ba2;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--bg-dark:#0b1220;--bg-card:#0f172a;--text-light:#e8edf5;--text-dark:#1a1a1a;--text-muted:#555;--border:#00000014;--shadow:0 4px 20px #0000001a;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--transition:all 0.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}code{font-family:SF Mono,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}::selection{background:#667eea;background:var(--primary);color:#fff}a{color:inherit;text-decoration:none}.signature-preview{background:#fff;border-radius:4px;color:#333;font-family:Arial,sans-serif;font-size:13px;line-height:1.5;max-width:100%;overflow-x:auto;padding:16px}.signature-preview,.signature-preview *{color:inherit}.signature-preview a{color:#333;text-decoration:none}.social-icons-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.social-icon{display:inline-flex;transition:transform .2s}.social-icon:hover{transform:scale(1.1)}.social-icon img{border-radius:50%}.freelancer-cta{align-items:center;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.rate-badge{color:#333;font-size:14px;font-weight:700}.availability-badge{background:#f0fdf4;border-radius:4px;color:#16a34a;font-size:12px;padding:4px 8px}.booking-btn{border-radius:6px;color:#fff!important;display:inline-block;font-size:13px;font-weight:600;padding:8px 14px;text-decoration:none}.booking-btn:hover{opacity:.9}.portfolio-link{color:#333;font-size:13px;font-weight:600;text-decoration:none}.signature-watermark{border-top:1px solid #e8e8e8;color:#888;font-size:11px;margin-top:12px;padding-top:10px;text-align:center;width:100%}.signature-watermark a{color:#667eea;font-weight:600;text-decoration:none}.signature-watermark a:hover{text-decoration:underline}.signature-watermark .upgrade-link{color:#667eea;font-size:11px;font-weight:600;margin-left:8px;text-decoration:none}.signature-watermark .upgrade-link:hover{text-decoration:underline}.gradient-sidebar{overflow:hidden;padding:0}.gradient-sidebar .sig-row{display:flex;min-height:140px}.gradient-sidebar .sig-gradient-left{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:90px;width:90px}.gradient-sidebar .sig-photo-gradient{border:3px solid #fff;border-radius:50%;height:70px;object-fit:cover;width:70px}.gradient-sidebar .sig-content-right{color:#333;flex:1 1;padding:14px}.gradient-sidebar .sig-name-bold{font-size:16px;font-style:italic;font-weight:700;text-transform:uppercase}.gradient-sidebar .sig-title-italic{color:#555;font-size:12px;font-style:italic}.gradient-sidebar .sig-company-italic{color:#666;font-size:11px;font-style:italic;margin-top:4px}.gradient-sidebar .sig-contact-list{color:#333;font-size:11px;margin-top:10px}.gradient-sidebar .contact-item{color:#333;margin-bottom:3px}.gradient-sidebar .contact-item strong{color:#333}.script-elegant{padding:14px}.script-elegant .sig-row{display:flex;gap:20px}.script-elegant .sig-photo-section-large{flex-shrink:0;text-align:center}.script-elegant .sig-photo-elegant{border:3px solid #e0e0e0;border-radius:50%;height:90px;object-fit:cover;width:90px}.script-elegant .sig-company-script{color:#555;font-family:Dancing Script,cursive;font-size:14px;margin-top:6px}.script-elegant .sig-content-elegant{color:#333;flex:1 1}.script-elegant .sig-name-script{color:#333;font-size:28px;line-height:1.2}.script-elegant .sig-title-spaced{color:#666;font-size:11px;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.script-elegant .sig-contact-icons{color:#333;font-size:12px}.script-elegant .contact-row{align-items:center;color:#333;display:flex;gap:8px;margin-bottom:5px}.script-elegant .contact-row span{color:#333}.script-elegant .contact-row small{color:#666;font-size:10px}.script-elegant .sig-bottom-row{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.script-elegant .sig-logo-small{height:36px}.red-circle{padding:14px}.red-circle .sig-row{display:flex;gap:20px}.red-circle .sig-photo-col{flex-shrink:0;text-align:center;width:100px}.red-circle .sig-photo-bordered{border:3px solid;border-radius:50%;height:80px;object-fit:cover;width:80px}.red-circle .sig-name-script{font-size:16px;margin-top:6px}.red-circle .sig-info-col{color:#333;flex:1 1}.red-circle .sig-name-caps{font-size:14px;font-weight:700;letter-spacing:1px}.red-circle .sig-title-company{color:#555;font-size:11px;margin-bottom:8px}.red-circle .sig-contact-labeled{color:#333;font-size:11px;line-height:1.6}.red-circle .sig-contact-labeled div{color:#333}.simple-photo{padding:14px}.simple-photo .sig-row{align-items:flex-start;display:flex;gap:16px}.simple-photo .sig-photo-simple{border-radius:50%;flex-shrink:0;height:80px;object-fit:cover;width:80px}.simple-photo .sig-info-simple{color:#333;flex:1 1}.simple-photo .sig-name-simple{color:#333;font-size:16px;font-weight:600}.simple-photo .sig-title-simple{color:#555;font-size:12px;margin-bottom:8px}.simple-photo .sig-contact-labeled{color:#333;font-size:11px;line-height:1.6}.simple-photo .sig-contact-labeled strong{color:#666}.simple-photo .sig-contact-labeled div{color:#333}.orange-banner{border-top:4px solid #e67e22;overflow:hidden;padding:0}.orange-banner .sig-row{display:flex;gap:16px;padding:14px}.orange-banner .sig-photo-frame{border:3px solid #e67e22;flex-shrink:0;height:90px;padding:3px;width:80px}.orange-banner .sig-photo-frame img{height:100%;object-fit:cover;width:100%}.orange-banner .sig-info{color:#333;flex:1 1}.orange-banner .sig-name-split{font-size:18px;font-weight:700;margin-bottom:4px}.orange-banner .sig-name-split .first{color:#1e3a5f}.orange-banner .sig-name-split .last{color:#e67e22}.orange-banner .sig-title-orange{color:#e67e22;font-size:11px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.orange-banner .sig-contact-icons-list{color:#333;font-size:11px}.orange-banner .contact-icon-row{align-items:center;color:#333;display:flex;gap:8px;margin-bottom:4px}.orange-banner .sig-logo-section{flex-shrink:0;min-width:80px;text-align:center}.orange-banner .sig-logo-section .logo-text{color:#1e3a5f;font-size:14px;font-weight:700}.orange-banner .sig-logo-section .slogan{color:#666;font-size:9px;letter-spacing:2px}.yellow-hexagon{overflow:hidden;padding:0}.yellow-hexagon .sig-row{display:flex;gap:16px;padding:14px}.yellow-hexagon .sig-photo-hex{flex-shrink:0;height:90px;position:relative;width:90px}.yellow-hexagon .sig-photo-hex img{border-radius:8px;height:100%;object-fit:cover;width:100%}.yellow-hexagon .sig-content{color:#333;flex:1 1}.yellow-hexagon .sig-name-bold{color:#333;font-size:18px;font-weight:700}.yellow-hexagon .sig-title-gray{color:#555;font-size:12px;margin-bottom:8px}.yellow-hexagon .sig-contact-grid{grid-gap:4px;color:#333;display:grid;font-size:11px;gap:4px;grid-template-columns:1fr 1fr}.yellow-hexagon .contact-grid-item{align-items:center;color:#333;display:flex;gap:6px}.yellow-hexagon .sig-logo-col{flex-shrink:0;min-width:70px;text-align:center}.blue-modern{background:linear-gradient(135deg,#f8fafc,#e8f4fc);overflow:hidden;padding:0}.blue-modern .sig-row{display:flex;gap:20px;padding:16px}.blue-modern .sig-content-left{color:#333;flex:1 1}.blue-modern .sig-company-name{color:#2563eb;font-size:12px;font-weight:700;margin-bottom:6px}.blue-modern .sig-name-large{color:#1e3a5f;font-size:22px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.blue-modern .sig-title-blue{color:#2563eb;font-size:13px;margin-bottom:10px}.blue-modern .sig-contact-grid{grid-gap:6px;color:#333;display:grid;font-size:11px;gap:6px;grid-template-columns:1fr 1fr}.blue-modern .contact-label{color:#2563eb;font-size:9px;letter-spacing:1px;text-transform:uppercase}.blue-modern .contact-value{color:#333;font-size:12px}.blue-modern .sig-photo-right{border:3px solid #2563eb;border-radius:12px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.blue-modern .sig-photo-right img{height:100%;object-fit:cover;width:100%}.black-footer{overflow:hidden;padding:0}.black-footer .sig-main{display:flex;gap:20px;padding:16px}.black-footer .sig-photo-square{flex-shrink:0;height:120px;width:100px}.black-footer .sig-photo-square img{height:100%;object-fit:cover;width:100%}.black-footer .sig-content{color:#333;flex:1 1}.black-footer .sig-name-elegant{color:#333;font-family:Playfair Display,serif;font-size:24px;letter-spacing:2px;text-transform:uppercase}.black-footer .sig-title-caps{color:#666;font-size:10px;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.black-footer .sig-contact-grid{grid-gap:8px;color:#333;display:grid;font-size:12px;gap:8px;grid-template-columns:1fr 1fr}.black-footer .contact-item-row{align-items:center;color:#333;display:flex;gap:8px}.black-footer .contact-item-row span{color:#333}.black-footer .sig-footer{align-items:center;background:#1a1a1a;display:flex;gap:12px;padding:10px 16px}.black-footer .follow-text{color:#fff;font-family:Dancing Script,cursive;font-size:14px}.black-footer .sig-footer .social-icons-row{margin-top:0}.corporate-two-column{padding:14px}.corporate-two-column .sig-main-row{align-items:flex-start;display:flex;gap:14px}.corporate-two-column .sig-left-col{color:#333;flex:1 1}.corporate-two-column .sig-name{color:#333}.corporate-two-column .sig-divider{flex-shrink:0;height:70px}.corporate-two-column .sig-right-col{color:#333;flex:1 1}.corporate-two-column .sig-contact-block{color:#333;font-size:11px;margin-top:8px}.corporate-two-column .sig-contact-block .label{color:#555}.corporate-two-column .sig-company-name{font-size:18px;font-weight:700}.corporate-two-column .sig-address{color:#333;font-size:11px;margin-top:4px;white-space:pre-line}.corporate-two-column .sig-website{font-size:11px;margin-top:4px}.elegant-minimal{padding:16px}.elegant-minimal .sig-main-row{display:flex;gap:30px}.elegant-minimal .sig-photo-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.elegant-minimal .vertical-line{background:#1a1a1a;height:16px;width:1px}.elegant-minimal .sig-photo-large{border-radius:50%;height:100px;margin:10px 0;object-fit:cover;width:100px}.elegant-minimal .sig-name-below{color:#333;font-size:16px;text-align:center}.elegant-minimal .sig-title-spaced{color:#555;font-size:10px;letter-spacing:2px;text-transform:uppercase}.elegant-minimal .sig-info-section{color:#333;flex:1 1}.elegant-minimal .sig-company-spaced{color:#333;font-size:14px;letter-spacing:3px;text-transform:uppercase}.elegant-minimal .sig-tagline-spaced{color:#555;font-size:10px;letter-spacing:2px;text-transform:uppercase}.elegant-minimal .sig-contact-elegant{color:#333;font-size:12px;margin-top:20px}.elegant-minimal .contact-line{align-items:center;color:#333;display:flex;gap:10px;margin-bottom:6px}.elegant-minimal .contact-line span{color:#333}.corporate-simple{padding:14px}.corporate-simple .sig-header-simple .sig-name{color:#333;font-size:16px;font-weight:700}.corporate-simple .sig-header-simple .sig-title{font-size:12px}.corporate-simple .sig-two-col{color:#333;display:flex;font-size:11px;gap:24px;margin-top:8px}.corporate-simple .sig-col-left,.corporate-simple .sig-col-right{color:#333}.corporate-simple .sig-footer-simple{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.script-personal{padding:16px}.script-personal .sig-main-row{align-items:flex-start;display:flex;gap:20px}.script-personal .sig-photo-circle{background:#e8ddd0;border-radius:50%;flex-shrink:0;height:90px;object-fit:cover;width:90px}.script-personal .sig-info-script{color:#333;flex:1 1}.script-personal .sig-name-script{color:#333;font-size:30px}.script-personal .sig-contact-script{color:#333;font-size:12px;margin-top:10px}.script-personal .contact-line-script{align-items:center;color:#333;display:flex;gap:10px;margin-bottom:6px}.script-personal .contact-line-script span{color:#333}.default-layout{color:#333;padding:14px}.default-layout .sig-name{font-size:16px;font-weight:700}.default-layout .sig-specialty{color:#555;font-size:12px;margin-bottom:8px}.default-layout div{color:#333}@media (max-width:500px){.signature-preview{font-size:11px;padding:12px}.black-footer .sig-main,.blue-modern .sig-row,.elegant-minimal .sig-main-row,.gradient-sidebar .sig-row,.orange-banner .sig-row,.red-circle .sig-row,.script-elegant .sig-row,.script-personal .sig-main-row,.simple-photo .sig-row,.yellow-hexagon .sig-row{align-items:center;flex-direction:column;text-align:center}.gradient-sidebar .sig-gradient-left{min-height:80px;padding:12px;width:100%}.black-footer .sig-content,.blue-modern .sig-content-left,.gradient-sidebar .sig-content-right,.orange-banner .sig-info,.red-circle .sig-info-col,.script-elegant .sig-content-elegant,.simple-photo .sig-info-simple,.yellow-hexagon .sig-content{text-align:center}.black-footer .contact-item-row,.elegant-minimal .contact-line,.orange-banner .contact-icon-row,.script-elegant .contact-row,.script-personal .contact-line-script,.yellow-hexagon .contact-grid-item{justify-content:center}.black-footer .sig-contact-grid,.blue-modern .sig-contact-grid,.yellow-hexagon .sig-contact-grid{grid-template-columns:1fr}.corporate-two-column .sig-main-row{flex-direction:column}.corporate-two-column .sig-divider{display:none}.corporate-simple .sig-two-col{flex-direction:column;gap:10px}.freelancer-cta,.social-icons-row{justify-content:center}}.home-container{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.home-hero{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);padding:30px 24px 40px;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:100px;color:#fff;display:inline-flex;font-size:.8rem;gap:8px;margin-bottom:16px;padding:6px 14px}.badge-icon{font-size:.9rem}.hero-title{color:#fff;font-size:2.2rem;font-weight:800;line-height:1.1;margin-bottom:12px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,#ffb700);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffd9;font-size:1rem;line-height:1.5;margin-bottom:16px}.hero-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.feature-pill{background:#ffffff1a;border-radius:100px;color:#fff;font-size:.8rem;font-weight:500;padding:6px 12px}.hero-cta{margin-top:20px}.btn-primary-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 20px #667eea66;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .2s}.btn-primary-large:hover{box-shadow:0 6px 25px #667eea80;transform:translateY(-2px)}.cta-subtext{color:#ffffffb3;font-size:.85rem;margin-top:12px}.container{margin:0 auto;max-width:1200px;padding:0 24px}.why-section{background:#f9fafb;padding:50px 24px}.section-title{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin-bottom:12px;text-align:center}.section-subtitle{color:#444;font-size:1rem;margin-bottom:32px;text-align:center}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:30px auto 0;max-width:800px}.comparison-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;padding:20px}.comparison-card.bad{border-top:4px solid #ef4444}.comparison-card.good{border-top:4px solid #22c55e}.card-header{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin-bottom:14px}.comparison-card ul{list-style:none;margin:0;padding:0}.comparison-card li{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:6px 0}.comparison-card li:last-child{border-bottom:none}.samples-section{background:#fff;padding:50px 24px}.samples-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.sample-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:14px;overflow:hidden;transition:all .3s}.sample-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-3px)}.sample-label{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;padding:10px 16px}.sample-preview{background:#fff;min-height:160px;overflow:auto;padding:16px}.sample-use-btn{background:#f5f5f5;color:#667eea;display:block;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:all .2s}.sample-use-btn:hover{background:#667eea;color:#fff}.features-section{background:#f9fafb;padding:60px 24px}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:36px}.feature-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px;text-align:center;transition:all .2s}.feature-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-3px)}.feature-icon{font-size:2rem;margin-bottom:12px}.feature-card h3{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:6px}.feature-card p{color:#444;font-size:.85rem;line-height:1.4}.testimonials-section{background:#fff;padding:60px 24px}.testimonials-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:36px}.testimonial-card{background:#f9fafb;border:1px solid #e0e0e0;border-radius:12px;padding:24px}.testimonial-quote{color:#1a1a1a;font-size:.95rem;font-style:italic;line-height:1.5;margin-bottom:16px}.testimonial-author{align-items:center;display:flex;gap:10px}.author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.author-name{color:#1a1a1a;font-size:.9rem;font-weight:600}.author-role{color:#555;font-size:.8rem}.cta-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);padding:60px 24px;text-align:center}.cta-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px}.cta-subtitle{color:#fffc;font-size:1rem;margin-bottom:24px}@media (max-width:1024px){.samples-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}}@media (max-width:768px){.home-hero{padding:24px 16px 32px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.hero-features{align-items:center;flex-direction:column}.btn-primary-large{justify-content:center;padding:14px 20px;width:100%}.comparison-grid,.features-grid{grid-template-columns:1fr}.section-title{font-size:1.4rem}.cta-title{font-size:1.5rem}.cta-section,.features-section,.samples-section,.testimonials-section,.why-section{padding:40px 16px}}.site-footer{background:#1a1a1a;padding:32px 24px;text-align:center}.footer-inner{margin:0 auto;max-width:1200px}.footer-top{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.footer-top a{color:#999;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-top a:hover{color:#fff}.footer-dot{color:#555;font-size:.8rem}.footer-copyright{color:#666;font-size:.85rem;margin:0}.user-menu{position:relative}.user-menu-signin{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.user-menu-signin:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.user-menu-trigger{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50px;cursor:pointer;display:flex;gap:10px;padding:6px 12px 6px 6px;transition:all .2s}.user-menu-trigger:hover{background:#fafafa;border-color:#667eea}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-placeholder{border-radius:50%;height:32px;width:32px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center}.user-name{color:#333;font-size:.9rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px}.dropdown-arrow{color:#666;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.user-dropdown{animation:dropdownSlide .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:#f8f9fa;padding:16px}.dropdown-email{color:#666;font-size:.85rem;margin-bottom:8px;word-break:break-all}.unverified-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:.7rem;margin-bottom:8px;padding:2px 8px}.plan-badge,.unverified-badge{display:inline-block;font-weight:600}.plan-badge{border-radius:6px;font-size:.75rem;padding:4px 10px}.plan-badge.free{background:#e0e7ff;color:#3730a3}.plan-badge.premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.dropdown-divider{background:#e5e7eb;height:1px}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.9rem;padding:12px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.upgrade{color:#667eea;font-weight:600}.dropdown-item.upgrade:hover{background:#eff6ff}.dropdown-item.signout{color:#dc2626}.dropdown-item.signout:hover{background:#fef2f2}@media (max-width:640px){.user-name{display:none}.user-menu-trigger{border-radius:50%;padding:4px}.dropdown-arrow{display:none}.user-dropdown{right:-10px}}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:32px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.auth-modal-close:hover{background:#f0f0f0;color:#333}.auth-modal-header{margin-bottom:24px;text-align:center}.auth-modal-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:8px}.auth-modal-header p{color:#666;font-size:.95rem}.auth-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.auth-btn:disabled{cursor:not-allowed;opacity:.7}.auth-btn-google{background:#fff;border:2px solid #e0e0e0;color:#333}.auth-btn-google:hover:not(:disabled){background:#f8f8f8;border-color:#d0d0d0}.auth-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.auth-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.auth-divider{align-items:center;display:flex;margin:20px 0}.auth-divider:after,.auth-divider:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.auth-divider span{color:#999;font-size:.85rem;padding:0 16px}.auth-form{gap:16px}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:6px}.auth-input-group label{color:#333;font-size:.875rem;font-weight:500}.auth-input-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1a1a1a;font-size:1rem;padding:12px 14px;transition:all .2s}.auth-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.auth-input-group input::placeholder{color:#999}.auth-message{border-radius:8px;font-size:.875rem;padding:12px 14px;text-align:center}.auth-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.auth-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.auth-message.warning{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.auth-verification{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:14px;text-align:center}.auth-verification p{color:#1e40af;font-size:.875rem;margin-bottom:8px}.auth-link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.auth-link-btn:hover{color:#5146e5}.auth-toggle{color:#666;font-size:.9rem}.auth-terms,.auth-toggle{margin-top:20px;text-align:center}.auth-terms{color:#999;font-size:.75rem}@media (max-width:480px){.auth-modal{margin:10px;padding:24px}.auth-modal-header h2{font-size:1.3rem}}.builder-container{background:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.builder-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#1a1a1a;margin-bottom:20px;padding:20px;text-align:center}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.builder-header h1{color:#1a1a1a!important;font-size:1.8rem;font-weight:700;margin-bottom:4px}.builder-header .header-subtitle{color:#333!important;font-size:.95rem;font-weight:500}.back-link{color:#667eea;display:inline-block;font-weight:500;margin-bottom:12px;text-decoration:none}.back-link:hover{text-decoration:underline}.sample-profiles-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:20px;padding:16px 20px}.sample-profiles-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.sample-profiles-section h3{color:#fff;font-size:1rem;margin:0}.reset-btn{background:#fff3;border:1px solid #fff6;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.reset-btn:hover{background:#ffffff4d}.sample-profiles-grid{display:flex;flex-wrap:wrap;gap:8px}.sample-btn{background:#ffffffe6;border:2px solid #0000;border-radius:8px;color:#333;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s}.sample-btn:hover{box-shadow:0 4px 12px #00000026}.sample-btn.active,.sample-btn:hover{background:#fff;transform:translateY(-2px)}.sample-btn.active{border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a4d}.builder-content{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 380px}.builder-form{display:flex;flex-direction:column;gap:14px}.form-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:18px}.freelancer-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.section-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:14px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.section-header h2{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:2px}.section-hint{color:#444;font-size:.8rem}.template-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.template-card{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.template-card:hover{border-color:#667eea}.template-card.active{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.template-preview{background:#fff;padding:10px;text-align:center}.template-name{color:#1a1a1a;font-size:11px;font-weight:600;margin-bottom:2px}.template-desc{color:#555;font-size:9px}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:10px}.form-group label{color:#1a1a1a;display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#1a1a1a;font-size:13px;padding:9px 11px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.form-group textarea{min-height:45px;resize:vertical}.input-hint{color:#666;display:block;font-size:10px;margin-top:3px}.social-links-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.social-links-grid .form-group{margin-bottom:0}.social-links-grid input{font-size:11px;padding:7px 9px}.color-picker-group{max-width:350px}.color-picker-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.color-picker-row input[type=color]{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;height:32px;padding:2px;width:45px}.color-value{color:#333;font-family:monospace;font-size:12px}.preset-colors{display:flex;flex-wrap:wrap;gap:6px}.color-btn{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:28px;transition:transform .2s;width:28px}.color-btn:hover{transform:scale(1.15)}.form-actions{background:#fff;border-radius:12px;bottom:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:10px;padding:18px;position:-webkit-sticky;position:sticky}.watermark-notice{color:#666;font-size:.8rem;margin-top:8px;text-align:center;width:100%}.watermark-notice .upgrade-link{color:#667eea;cursor:pointer;font-weight:600}.watermark-notice .upgrade-link:hover{text-decoration:underline}.btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:12px 18px;transition:all .2s}.btn-locked{position:relative}.btn-locked:hover{box-shadow:none!important}.btn-secondary{background:#f0f0f0;color:#1a1a1a}.btn-secondary:hover{background:#e0e0e0}.builder-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px;position:-webkit-sticky;position:sticky;top:20px}.preview-header{margin-bottom:12px;text-align:center}.preview-header h2{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:2px}.preview-header p{color:#444;font-size:.8rem}.preview-container{background:#f9f9f9;border-radius:8px;max-height:calc(100vh - 200px);overflow:auto;padding:12px}@media (max-width:1200px){.template-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.builder-content{grid-template-columns:1fr}.builder-preview{order:-1;position:relative;top:0}.template-grid{grid-template-columns:repeat(3,1fr)}.social-links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.template-grid{grid-template-columns:repeat(2,1fr)}.sample-profiles-header{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.builder-container{padding:12px}.builder-header{padding:16px}.builder-header h1{font-size:1.4rem}.sample-profiles-grid{flex-direction:column}.sample-btn{text-align:center;width:100%}.form-section{padding:14px}.form-row{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}.social-links-grid{grid-template-columns:1fr}.form-actions{bottom:0;flex-direction:column;position:relative}.section-header{align-items:center;flex-direction:column;text-align:center}.step-number{margin-bottom:6px}}.my-signatures-container{background:#f5f5f5;min-height:100vh;padding:2rem}.my-signatures-header{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin:0 auto 3rem;max-width:1200px;padding:32px;text-align:center}.my-signatures-header .back-link{color:#667eea;font-weight:500;text-decoration:none}.my-signatures-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:1rem 0 .5rem}.header-subtitle{color:#666;font-size:1rem;margin-bottom:1.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.loading-spinner{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#667eea;height:48px;margin-bottom:1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state h2{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.empty-state p{color:#666;font-size:1rem;margin-bottom:1.5rem}.signatures-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1200px}.signature-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .2s}.signature-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.signature-card-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.signature-card-header h3{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0}.signature-date{color:#999;font-size:.8rem}.signature-preview-wrapper{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:16px;overflow-x:auto;padding:16px}.signature-card-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;min-width:100px;padding:10px 16px;transition:all .2s}.btn-copy{background:#667eea;color:#fff}.btn-copy:hover{background:#5146e5}.btn-locked{background:#e0e0e0!important;color:#999!important;cursor:not-allowed!important;opacity:.7}.btn-locked:hover{background:#e0e0e0!important;transform:none!important}.btn-download{background:#10b981;color:#fff}.btn-download:hover:not(:disabled){background:#059669}.btn-download:disabled{cursor:not-allowed;opacity:.6}.btn-edit{background:#f0f0f0;color:#333}.btn-edit:hover{background:#e0e0e0}.btn-delete{background:#fff0f0;color:#dc2626}.btn-delete:hover{background:#fee2e2}.page-footer{border-top:1px solid #e0e0e0;margin:60px auto 0;max-width:1200px;padding:24px;text-align:center}.footer-links{margin-bottom:12px}.footer-links a{color:#667eea;font-size:.9rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links .divider{color:#ccc;margin:0 12px}.copyright{color:#999;font-size:.8rem;margin:0}@media (max-width:768px){.signatures-grid{grid-template-columns:1fr}.signature-card-actions{flex-direction:column}.btn-action{width:100%}}.legal-page{background:#f5f5f5;min-height:100vh;padding:40px 20px}.legal-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;padding:40px}.legal-page .back-link{color:#667eea;display:inline-block;font-weight:500;margin-bottom:24px;text-decoration:none;transition:color .2s}.legal-page .back-link:hover{color:#5146e5}.legal-page h1{color:#1a1a1a;font-size:2.5rem;font-weight:800;margin-bottom:8px}.legal-page .last-updated{border-bottom:1px solid #e0e0e0;color:#666;font-size:.9rem;margin-bottom:32px;padding-bottom:24px}.legal-page section{margin-bottom:32px}.legal-page h2{color:#1a1a1a;font-size:1.4rem;font-weight:700;margin-bottom:12px;padding-top:8px}.legal-page h3{color:#333;font-size:1.1rem;font-weight:600;margin:16px 0 8px}.legal-page p{color:#444;line-height:1.7;margin-bottom:12px}.legal-page ul{margin:12px 0;padding-left:24px}.legal-page li{color:#444;line-height:1.7;margin-bottom:8px}.legal-page li strong{color:#1a1a1a}.legal-page .contact-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:16px 20px}@media (max-width:640px){.legal-page{padding:20px 16px}.legal-container{padding:24px}.legal-page h1{font-size:1.8rem}.legal-page h2{font-size:1.2rem}}.App{min-height:100vh}
/*# sourceMappingURL=main.2add605c.css.map*/