@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Cairo:wght@500;600;700;800&display=swap";
.landing-page{min-height:100vh;font-family:var(--font-en);color:#1e293b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;padding-top:68px;line-height:1.65}.landing-page[dir=rtl],[dir=rtl] .landing-page,[lang=ar] .landing-page,.landing-page.font-ar{letter-spacing:0;line-height:1.75;font-family:var(--font-ar), "Almarai", sans-serif!important}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{letter-spacing:-.015em;color:#0f172a;font-family:inherit;font-weight:800;line-height:1.3}.landing-page[dir=rtl] h1,.landing-page[dir=rtl] h2,.landing-page[dir=rtl] h3,.landing-page[dir=rtl] h4{letter-spacing:normal;font-weight:800}.hide-on-mobile{display:inherit}.show-on-mobile{display:none}.landing-page p{color:#475569;line-height:1.7}.navbar{top:0;-webkit-backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid #6366f10f;height:64px;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;inset-inline:0;box-shadow:0 1px 8px #6366f10a,0 0 1px #0f172a0a;background:#fffffffa!important}.navbar-inner{max-width:var(--max-content-width);justify-content:space-between;align-items:center;height:100%;margin-inline:auto;padding-inline:28px;display:flex}.navbar-brand{color:#1e293b;letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;transition:opacity .2s;display:flex}.navbar-brand:hover{opacity:.85}.navbar-logo{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#8b5cf6 100%);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:flex;box-shadow:0 2px 10px #6366f133}.navbar-nav{align-items:center;gap:2px;list-style:none;display:flex}.navbar-link{color:#64748b;letter-spacing:-.01em;border-radius:10px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative}.navbar-link:hover{color:#1e293b;background:#6366f10d}.navbar-actions{align-items:center;gap:10px;display:flex}.navbar-lang-pill{-webkit-backdrop-filter:blur(8px);color:#475569;background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:10px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.navbar-lang-pill:hover{color:#4338ca;background:#6366f10d;border-color:#6366f126;transform:translateY(-1px)}.navbar-login-btn{background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border:1px solid #6366f126;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;color:#4338ca!important}.navbar-login-btn:hover{background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);border-color:#0000;transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d;color:#fff!important}.mobile-menu-btn{-webkit-backdrop-filter:blur(8px);color:#475569;cursor:pointer;background:#fffc;border:1px solid #e2e8f0cc;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:none}.mobile-menu-btn:hover{color:#4338ca;background:#6366f10f;border-color:#6366f126}@media (max-width:768px){.navbar{height:58px}.navbar-inner{padding-inline:14px}.navbar-nav,.navbar-actions .hide-mobile{display:none}.navbar-actions{gap:8px}.navbar-lang-pill,.navbar-login-btn{gap:4px;padding:5px 10px;font-size:12px}.mobile-menu-btn{border-radius:9px;width:34px;height:34px;display:flex}}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:auto;padding:44px 24px 28px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-gradient-1{top:-24%;filter:blur(80px);background:radial-gradient(circle,#2563eb1f 0%,#3b82f60a 45%,#0000 70%);border-radius:50%;width:760px;height:760px;animation:10s ease-in-out infinite float;position:absolute;inset-inline-end:-12%}.hero-gradient-2{bottom:-20%;filter:blur(80px);background:radial-gradient(circle,#10b98117 0%,#0ea5e908 50%,#0000 70%);border-radius:50%;width:680px;height:680px;animation:8s ease-in-out infinite reverse float;position:absolute;inset-inline-start:-10%}.hero-grid{background-image:linear-gradient(#94a3b81f 1px,#0000 1px),linear-gradient(90deg,#94a3b81f 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 36%,#000 25%,#0000 75%);mask-image:radial-gradient(at 50% 36%,#000 25%,#0000 75%)}.hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1040px;margin:0 auto;display:flex;position:relative}.hero-badge{color:#1d4ed8;-webkit-backdrop-filter:blur(14px);cursor:default;-webkit-user-select:none;user-select:none;animation:fadeIn .6s var(--ease-out,ease-out);background:linear-gradient(135deg,#eff6fff2 0%,#f0f9ffe6 100%);border:1px solid #bfdbfef2;border-radius:9999px;align-items:center;gap:8px;padding:5px 16px 5px 10px;font-size:13px;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 10px -2px #2563eb1f,0 1px 3px #0f172a0a}.landing-page[dir=rtl] .hero-badge{padding:5px 10px 5px 16px}.hero-badge:hover{background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 20px -3px #2563eb38,0 2px 6px #0f172a0f}.hero-badge-icon-wrap{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;box-shadow:0 1px 4px #2563eb26}.hero-badge-icon{color:#2563eb;flex-shrink:0}.hero-badge-text{letter-spacing:-.01em}.landing-page[dir=rtl] .hero-badge-text{letter-spacing:normal}.hero-title{letter-spacing:-.03em;color:#0f172a;text-align:center;word-break:break-word;max-width:920px;animation:slideUp .6s var(--ease-spring,cubic-bezier(.16, 1, .3, 1)) 80ms backwards;margin:0;font-size:clamp(1.85rem,4vw,3.25rem);font-weight:900;line-height:1.18}.landing-page[dir=rtl] .hero-title{letter-spacing:normal;line-height:1.25}.hero-title .gradient-text-animated{background:linear-gradient(135deg,#2563eb 0%,#0284c7 45%,#10b981 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s infinite shimmerGradient;display:inline}@keyframes shimmerGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-subtitle{color:#475569;text-align:center;max-width:660px;animation:slideUp .6s var(--ease-spring,cubic-bezier(.16, 1, .3, 1)) .16s backwards;margin:0;font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.65}.hero-actions{animation:slideUp .6s var(--ease-spring,cubic-bezier(.16, 1, .3, 1)) .24s backwards;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:4px;display:flex}.btn-xl{border-radius:12px!important;align-items:center!important;gap:8px!important;padding:13px 28px!important;font-size:15px!important;font-weight:700!important;text-decoration:none!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.hero-actions .btn-primary{color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;border:1px solid #ffffff2e!important;box-shadow:0 6px 20px -2px #2563eb61,0 2px 6px #0f172a14!important}.hero-actions .btn-primary:hover{filter:brightness(1.04);transform:translateY(-2px)!important;box-shadow:0 10px 28px -2px #2563eb7a,0 4px 10px #0f172a1f!important}.hero-actions .btn-secondary{color:#1e293b!important;background:#fff!important;border:1.5px solid #e2e8f0!important;box-shadow:0 2px 8px #0f172a0a!important}.hero-actions .btn-secondary:hover{background:#f8fafc!important;border-color:#cbd5e1!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #0f172a14!important}.hero-btn-arrow{flex-shrink:0;transition:transform .2s}.btn-primary:hover .hero-btn-arrow{transform:translate(4px)}.landing-page[dir=rtl] .btn-primary:hover .hero-btn-arrow{transform:translate(-4px)}.hero-stats{-webkit-backdrop-filter:blur(16px);animation:slideUp .6s var(--ease-spring,cubic-bezier(.16, 1, .3, 1)) .32s backwards;background:#ffffffc7;border:1px solid #e2e8f0e6;border-radius:16px;align-items:center;gap:28px;margin-top:10px;padding:14px 32px;display:flex;box-shadow:0 4px 24px -4px #0f172a0f,0 1px 3px #0f172a08}.hero-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-stat-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:28px}.hero-stat-value{background:linear-gradient(135deg,#0f172a 30%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;line-height:1.2}.hero-stat-label{color:#64748b;white-space:nowrap;margin-top:2px;font-size:12px;font-weight:600}.direct-creation-card{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;text-align:start;background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:24px;width:100%;max-width:740px;margin-top:10px;padding:22px 26px;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.6s cubic-bezier(.16,1,.3,1) .24s backwards slideUp;box-shadow:0 20px 45px -12px #0f172a14,inset 0 0 0 1px #ffffffe6}.direct-creation-card:focus-within{border-color:#3b82f6;box-shadow:0 25px 60px -12px #2563eb29,0 0 0 4px #3b82f61a}.direct-creation-card.is-dragging{background:#eff6fffa;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb2e}.direct-creation-form{flex-direction:column;gap:12px;display:flex}.direct-creation-chips-row{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:2px;display:flex}.direct-creation-chips-hint{color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.direct-creation-chips-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.direct-creation-chip-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.direct-creation-chip-btn:hover:not(:disabled){color:#1e293b;background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.direct-creation-input-wrapper{width:100%;position:relative}.direct-creation-textarea{color:#0f172a;resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-height:84px;padding:4px 0;font-family:inherit;font-size:15.5px;line-height:1.6}.direct-creation-textarea::placeholder{color:#94a3b8;font-size:14.5px}.direct-creation-file-badge{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 14px;display:inline-flex}.direct-creation-file-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.direct-creation-file-info{align-items:center;gap:8px;display:flex;overflow:hidden}.direct-creation-file-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;font-weight:600;overflow:hidden}.direct-creation-file-size{color:#64748b;font-size:11.5px;font-weight:500}.direct-creation-file-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.direct-creation-file-remove:hover{color:#ef4444;background:#ef444414}.direct-creation-error{color:#dc2626;background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.direct-creation-loading-container{background:linear-gradient(135deg,#eff6fff2 0%,#f0f9ffe6 100%);border:1px solid #bfdbfee6;border-radius:14px;flex-direction:column;gap:10px;margin-top:4px;padding:14px 18px;animation:.3s fadeIn;display:flex}.direct-creation-loading-bar-track{background:#dbeafe;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.direct-creation-loading-bar-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);border-radius:999px;width:45%;height:100%;animation:1.8s ease-in-out infinite indeterminateProgress}@keyframes indeterminateProgress{0%{transform:translate(-100%)}50%{transform:translate(120%)}to{transform:translate(300%)}}.direct-creation-loading-content{flex-direction:column;gap:4px;display:flex}.direct-creation-loading-step{align-items:center;gap:8px;display:flex}.direct-creation-loading-text{color:#1e293b;font-size:13.5px;font-weight:700}.direct-creation-loading-hint{color:#64748b;font-size:12px;font-weight:500}.direct-creation-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:14px;display:flex}.direct-creation-attach-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.direct-creation-attach-btn:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.direct-creation-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:11px 24px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px -2px #2563eb66,0 2px 6px #0f172a14}.direct-creation-btn-loading-inner{align-items:center;gap:8px;display:inline-flex}.direct-creation-submit-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 8px 24px -2px #2563eb7a}.direct-creation-submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.direct-creation-btn-arrow{flex-shrink:0;transition:transform .2s}.direct-creation-submit-btn:hover:not(:disabled) .direct-creation-btn-arrow{transform:translate(3px)}.landing-page[dir=rtl] .direct-creation-submit-btn:hover:not(:disabled) .direct-creation-btn-arrow{transform:translate(-3px)}.hero-trust-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:14px;display:flex}.hero-trust-item{color:#475569;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.hero-trust-divider{background:#cbd5e1;border-radius:50%;width:4px;height:4px}.templates-showcase-section,.section.templates-showcase-section{background:#fafafa;border-top:1px solid #f1f5f9;padding:40px 0 72px!important}.templates-showcase-section .section-header{margin-bottom:28px}.templates-gallery-container{width:100%;max-width:1280px;margin:0 auto;padding-inline:24px}@media (max-width:640px){.hero{padding:20px 14px 24px}.hero-content{gap:16px}.hero-title{font-size:clamp(1.45rem,6.2vw,2.05rem);line-height:1.25}.hero-subtitle{padding:0 4px;font-size:13px;line-height:1.45}.direct-creation-card{border-radius:18px;margin-top:4px;padding:14px 12px}.direct-creation-chips-row{display:none}.direct-creation-textarea{min-height:76px;font-size:14px}.direct-creation-actions{flex-direction:row;align-items:center;gap:8px;padding-top:10px}.direct-creation-attach-wrap{flex:1;min-width:0}.direct-creation-attach-btn{white-space:nowrap;text-overflow:ellipsis;border-radius:11px;justify-content:center;gap:6px;width:100%;padding:10px 8px;font-size:12.5px;overflow:hidden}.direct-creation-submit-btn{white-space:nowrap;border-radius:11px;flex:1.15;justify-content:center;gap:6px;min-width:0;padding:10px 8px;font-size:13px}.direct-creation-file-badge{box-sizing:border-box;border-radius:10px;gap:8px;width:100%;padding:7px 10px}.direct-creation-file-info{flex:1;min-width:0;overflow:hidden}.direct-creation-file-name{flex:1;min-width:0;max-width:100%;font-size:12px}.direct-creation-file-size{flex-shrink:0;font-size:11px}.direct-creation-loading-container{border-radius:12px;gap:6px;padding:10px 12px}.direct-creation-loading-text{font-size:12px}.direct-creation-loading-hint{font-size:10.5px}.hero-trust-strip{flex-flow:row;justify-content:center;align-items:center;gap:6px 10px;margin-top:14px;padding:0 4px}.hero-trust-divider{opacity:.7;background:#cbd5e1;border-radius:50%;flex-shrink:0;width:3px;height:3px;display:inline-block}.hero-trust-item{white-space:nowrap;flex-shrink:0;gap:4px;font-size:11px}}.section{padding:var(--space-24) var(--space-6);scroll-margin-top:calc(var(--header-height) + 24px);position:relative}.section-header{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:var(--space-16)}.section-label{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-light);margin-bottom:var(--space-4);background:#4763eb1a;border:1px solid #4763eb33;display:inline-flex}.section-title{margin-bottom:var(--space-4);font-size:clamp(1.75rem,4vw,2.5rem)}.section-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.features-grid{gap:var(--space-6);max-width:var(--max-content-width);grid-template-columns:repeat(3,1fr);margin-inline:auto;display:grid}.feature-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.feature-card:before{content:"";top:0;background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);opacity:0;height:3px;transition:opacity var(--duration-normal);position:absolute;inset-inline:0}.feature-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:var(--radius-xl);width:56px;height:56px;margin-bottom:var(--space-5);font-size:var(--text-2xl);justify-content:center;align-items:center;display:flex}.feature-icon-blue{color:var(--primary-light);background:#4763eb1f}.feature-icon-green{color:var(--accent-light);background:#22c38e1f}.feature-icon-amber{color:var(--warning);background:#f59f0a1f}.feature-icon-purple{color:#b37de8;background:#8c3cdd1f}.feature-icon-red{color:#ea7b7b;background:#dc28281f}.feature-icon-cyan{color:#63d2e9;background:#20bfdf1f}.feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.feature-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.steps{gap:var(--space-8);max-width:var(--max-content-width);grid-template-columns:repeat(4,1fr);margin-inline:auto;display:grid;position:relative}.steps:before{content:"";top:40px;opacity:.3;background:linear-gradient(90deg,#2563eb,#06b6d4,#2563eb);height:2px;position:absolute;inset-inline:calc(12.5% + 20px)}[dir=rtl] .steps:before{background:linear-gradient(270deg,#2563eb,#06b6d4,#2563eb)}.step{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:28px 20px;transition:all .25s;display:flex;position:relative;box-shadow:0 2px 8px #0f172a08}.step:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 28px #2563eb14}.step-number{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 14px #2563eb59}.step-title{color:#0f172a;margin-bottom:8px;font-size:16px;font-weight:700}.step-description{color:#64748b;font-size:13px;line-height:1.5}.cta-section{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:64px 24px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 45%,#2563eb 100%)!important}.cta-section:before{content:"";top:-40%;pointer-events:none;background:radial-gradient(circle,#3b82f64d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;inset-inline-end:-20%}.cta-section:after{content:"";bottom:-40%;pointer-events:none;background:radial-gradient(circle,#93c5fd26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;inset-inline-start:-20%}.cta-inner{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;max-width:720px;margin-inline:auto;display:flex;position:relative}.cta-title{letter-spacing:-.02em;text-shadow:0 2px 10px #0003;margin:0;font-size:clamp(24px,4vw,36px);font-weight:800;color:#fff!important}.cta-description{text-shadow:0 1px 6px #00000026;max-width:500px;margin:0;font-size:15.5px;line-height:1.6;color:#ffffffeb!important}.cta-actions{justify-content:center;margin-top:14px;display:flex}.cta-section .cta-btn,.cta-section a.cta-btn{color:#1e3a8a!important;cursor:pointer!important;background:#fff!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:13px 32px!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 10px 25px -5px #00000040!important}.cta-section .cta-btn span,.cta-section a.cta-btn span{color:#1e3a8a!important}.cta-section .cta-btn svg,.cta-section a.cta-btn svg{color:#1e3a8a!important;stroke:#1e3a8a!important}.cta-section .cta-btn:hover,.cta-section a.cta-btn:hover{transform:translateY(-2px);color:#1d4ed8!important;background:#f8fafc!important;box-shadow:0 14px 30px -5px #00000059!important}.cta-section .cta-btn:hover span,.cta-section a.cta-btn:hover span{color:#1d4ed8!important}.cta-section .cta-btn:hover svg,.cta-section a.cta-btn:hover svg{color:#1d4ed8!important;stroke:#1d4ed8!important}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 24px -4px #0f172a12,0 2px 6px -1px #0f172a0a;border-color:#cbd5e1!important}.footer-mega{background:linear-gradient(#fff 0%,#f8fafc 40%,#f1f5f9 100%);border-top:1px solid #e2e8f0cc;width:100%;padding:60px 24px 36px;position:relative;overflow:hidden}.footer-mega:before{content:"";background:linear-gradient(90deg,#0000 5%,#2563eb40 50%,#0000 95%);height:1px;position:absolute;top:0;left:0;right:0}.footer-mega-inner{max-width:1140px;margin:0 auto}.footer-mega-grid{grid-template-columns:2.2fr 1fr 1.1fr 1fr;gap:36px;margin-bottom:40px;display:grid}.footer-mega-brand{flex-direction:column;display:flex}.footer-mega-logo-row{margin-bottom:14px}.footer-mega-desc{color:#64748b;max-width:290px;margin:0;font-size:13.5px;font-weight:500;line-height:1.7}.footer-mega-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer-status-pill{color:#059669;letter-spacing:.01em;background:#10b98112;border:1px solid #10b98133;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.footer-status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseStatus;box-shadow:0 0 8px #10b98199}@keyframes pulseStatus{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.footer-trust-pill{color:#2563eb;background:#2563eb0f;border:1px solid #2563eb2e;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.footer-trust-icon{color:#2563eb}.footer-ai-pill{color:#7c3aed;background:#9333ea0f;border:1px solid #9333ea2e;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.footer-ai-icon{color:#7c3aed}.footer-mega-col-title{text-transform:uppercase;letter-spacing:.06em;color:#0f172a;align-items:center;gap:7px;margin:0 0 16px;font-size:12px;font-weight:800;display:flex}.footer-col-indicator{border-radius:50%;flex-shrink:0;width:6px;height:6px}.footer-indicator-blue{background:#2563eb;box-shadow:0 0 6px #2563eb66}.footer-indicator-purple{background:#8b5cf6;box-shadow:0 0 6px #8b5cf666}.footer-indicator-emerald{background:#10b981;box-shadow:0 0 6px #10b98166}.footer-mega-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-mega-link{color:#475569;align-items:center;padding:4px 0;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.footer-mega-link:hover{color:#2563eb;transform:translate(3px)}[dir=rtl] .footer-mega-link:hover{transform:translate(-3px)}.footer-mega-bottom{border-top:1px solid #e2e8f0b3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-mega-bottom-copy{color:#64748b;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.footer-legal-chip{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s}.footer-legal-chip:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.footer-mega-back-to-top{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 4px #0000000a}.footer-mega-back-to-top:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40}@media (max-width:900px){.footer-mega-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (max-width:640px){.footer-mega{padding:28px 16px max(32px, env(safe-area-inset-bottom,32px))!important;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%)!important}.footer-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:24px!important;display:grid!important}.footer-mega-brand{text-align:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;flex-direction:column!important;grid-column:1/-1!important;align-items:center!important;margin-bottom:4px!important;padding:20px 18px!important;display:flex!important;box-shadow:0 2px 8px #0f172a08!important}.footer-mega-logo-row{justify-content:center!important;align-items:center!important;width:100%!important;margin-bottom:10px!important;display:flex!important}.footer-mega-desc{color:#64748b!important;text-align:center!important;max-width:360px!important;margin:0 auto!important;font-size:12.5px!important;line-height:1.65!important}.footer-mega-badges{flex-wrap:wrap!important;gap:6px!important;display:flex!important}.footer-mega-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:14px 12px!important;box-shadow:0 1px 4px #0f172a05!important}.footer-mega-section-company{grid-column:1/-1!important}.footer-mega-section-company .footer-mega-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;display:grid!important}.footer-mega-col-title{margin-bottom:10px!important;font-size:12px!important;font-weight:800!important}.footer-mega-links{gap:2px!important}.footer-mega-link{color:#475569!important;box-sizing:border-box!important;border-radius:8px!important;width:100%!important;padding:7px 8px!important;font-size:12.5px!important;font-weight:600!important;line-height:1.35!important;transition:background .15s,color .15s!important}.footer-mega-link:active,.footer-mega-link:hover{color:#2563eb!important;background:#f1f5f9!important;transform:none!important}.footer-mega-bottom{text-align:center!important;border-top:1px solid #e2e8f0!important;flex-direction:column!important;align-items:center!important;gap:14px!important;padding-top:18px!important}.footer-mega-bottom-copy{flex-direction:column!important;gap:2px!important;font-size:12px!important}.footer-mega-legal-links{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;display:flex!important}.footer-legal-chip{padding:5px 12px!important;font-size:11.5px!important}.footer-mega-back-to-top{justify-content:center!important;width:100%!important;max-width:220px!important;padding:9px 16px!important;font-size:12.5px!important}}.footer{background:#fff;border-top:1px solid #e2e8f0;width:100%;padding:32px 24px}.footer-inner{max-width:var(--max-content-width,1200px);justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;display:flex}.footer-brand{align-items:center;gap:16px;display:flex}.footer-copyright{color:#64748b;font-size:13px;font-weight:500}.desktop-only{display:inline-block}.mobile-only{display:none}.footer-links{align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:#475569;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.footer-link:hover{color:#2563eb}.footer-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:10px}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section{padding:32px 16px!important}.section-header{text-align:center!important;margin-bottom:16px!important}.section-title{margin-bottom:0!important;font-size:20px!important;line-height:1.25!important}.section-description{color:#64748b!important;margin-top:4px!important;max-width:320px!important;margin-inline:auto!important;font-size:12.5px!important;line-height:1.4!important;display:block!important}.hero{min-height:auto!important;padding:28px 16px 44px!important}.hero-content{gap:16px!important}.hero-badge{gap:6px!important;padding:5px 14px!important;font-size:12px!important}.hero-title{font-size:28px!important;line-height:1.2!important}.hero-subtitle{display:none!important}.hero-actions{flex-direction:row!important;gap:8px!important;width:100%!important;display:flex!important}.hero-actions .btn{border-radius:10px!important;flex:1!important;justify-content:center!important;min-height:42px!important;padding:10px 14px!important;font-size:13px!important}.hero-stats{-webkit-backdrop-filter:blur(12px)!important;background:#ffffffe0!important;border:1px solid #e2e8f0e6!important;border-radius:14px!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;width:100%!important;margin-top:6px!important;padding:10px 8px!important;display:grid!important;box-shadow:0 2px 10px #0000000a!important}.hero-stat-divider{display:none!important}.hero-stat-value{font-size:17px!important;font-weight:800!important;line-height:1.1!important}.hero-stat-label{white-space:nowrap!important;margin-top:2px!important;font-size:10px!important}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.feature-card{text-align:center!important;border-radius:14px!important;flex-direction:column!important;align-items:center!important;padding:14px 10px!important;display:flex!important}.feature-icon{border-radius:10px!important;width:38px!important;height:38px!important;margin-bottom:8px!important}.feature-icon svg{width:19px!important;height:19px!important}.feature-title{margin-bottom:0!important;font-size:13px!important;font-weight:700!important}.feature-description{display:none!important}.steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;display:grid!important}.steps:before{display:none!important}.step{text-align:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:14px 10px 12px!important;display:flex!important;box-shadow:0 2px 8px #00000008!important}.step-number{color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;margin-bottom:8px!important;font-size:14px!important;font-weight:800!important;display:flex!important;box-shadow:0 4px 12px #2563eb4d!important}.step-title{color:#0f172a!important;margin:0!important;font-size:13px!important;font-weight:700!important}.step-description{display:none!important}.cta-section{padding:44px 20px!important}.cta-inner{gap:10px!important}.cta-title{color:#fff!important;font-size:22px!important;line-height:1.3!important}.cta-description{color:#ffffffeb!important;font-size:13.5px!important}.cta-btn{color:#1e3a8a!important;background:#fff!important;width:100%!important;max-width:260px!important;padding:12px 24px!important;font-weight:800!important;box-shadow:0 8px 20px #0003!important}.footer{padding:24px 16px 20px!important}.footer-inner{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:14px!important}.footer-brand{justify-content:center!important}.desktop-only{display:none!important}.mobile-only{color:#94a3b8!important;font-size:12px!important;display:block!important}.footer-links{white-space:nowrap!important;flex-flow:row!important;justify-content:center!important;align-items:center!important;gap:8px 12px!important;display:flex!important}.footer-link{white-space:nowrap!important;font-size:12.5px!important}.footer-sep{color:#cbd5e1!important;flex-shrink:0!important;font-size:9px!important;display:inline-block!important}}@media (max-width:480px){.hero-stats{grid-template-columns:repeat(4,1fr)!important}.footer{padding:20px 12px 16px!important}.footer-inner{gap:10px!important}.footer-links{white-space:nowrap!important;flex-wrap:nowrap!important;gap:5px 7px!important}.footer-link{white-space:nowrap!important;font-size:11.5px!important}.footer-sep{font-size:7px!important}.mobile-only{font-size:11px!important}}.hover-lift{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s!important}.hover-lift:hover{border-color:#cbd5e1!important;transform:translateY(-3px)!important;box-shadow:0 12px 24px -4px #0f172a12,0 4px 8px -2px #0f172a08!important}.btn-hover-glow{transition:all .2s cubic-bezier(.16,1,.3,1)!important}.btn-hover-glow:hover{transform:translateY(-1px)!important;box-shadow:0 4px 14px #4f46e547!important}@media (max-width:768px){.hide-on-mobile,.desktop-only-text{display:none!important}.compact-on-mobile{padding:12px!important;font-size:13px!important;line-height:1.5!important}.hero-headline{font-size:26px!important;line-height:1.25!important}.hero-subtext{margin-bottom:20px!important;font-size:14px!important;line-height:1.6!important}}@keyframes cvEntrance{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cvFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cvPulseGlow{0%,to{opacity:.6;transform:scale(1);box-shadow:0 0 #2563eb33}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 20px 4px #2563eb2e}}@keyframes cvShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cvOrbDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(25px,-18px)scale(1.06)}to{transform:translate(0)scale(1)}}.cv-ambient-mesh{background-color:#fafcff;background-image:radial-gradient(70% 40% at 50% -10%,#0ea5e917,#0000 70%),radial-gradient(50% 30% at 90% 20%,#2563eb0f,#0000 60%),radial-gradient(40% 30% at 10% 70%,#6366f10d,#0000 50%);position:relative}.cv-ambient-mesh-dark{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 50%,#6366f1 100%)}.cv-glass-card{-webkit-backdrop-filter:blur(14px);background:#fffffff2;border:1.5px solid #e2e8f0d9;border-radius:18px;transition:all .24s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 4px 20px -4px #0f172a0a,0 1px 3px #00000005}.cv-glass-card:hover{border-color:#2563eb59;transform:translateY(-4px);box-shadow:0 16px 36px -8px #2563eb1f,0 4px 12px #00000008}.cv-glass-card-interactive{cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.cv-glass-card-interactive:hover{border-color:#2563eb;transform:translateY(-4px)scale(1.01)}.cv-gradient-text{background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 50%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cv-gradient-text-warm{background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cv-gradient-text-emerald{background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cv-badge-glow{color:#0284c7;background:linear-gradient(135deg,#0ea5e914 0%,#2563eb14 100%);border:1px solid #0ea5e938;border-radius:999px;align-items:center;gap:7px;padding:5px 14px;font-size:12.5px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #0ea5e914}.cv-badge-glow:hover{background:linear-gradient(135deg,#0ea5e924 0%,#2563eb24 100%);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb2e}.cv-btn-primary{cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 60%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:14.5px;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #2563eb52;color:#fff!important}.cv-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2563eb73}.cv-btn-primary:active{transform:translateY(0)}.cv-stagger-1{animation:.4s cubic-bezier(.16,1,.3,1) 50ms backwards cvEntrance}.cv-stagger-2{animation:.4s cubic-bezier(.16,1,.3,1) .12s backwards cvEntrance}.cv-stagger-3{animation:.4s cubic-bezier(.16,1,.3,1) .2s backwards cvEntrance}.cv-stagger-4{animation:.4s cubic-bezier(.16,1,.3,1) .28s backwards cvEntrance}.cv-stagger-5{animation:.4s cubic-bezier(.16,1,.3,1) .36s backwards cvEntrance}.cv-stat-box{-webkit-backdrop-filter:blur(12px);text-align:center;background:#fffffff2;border:1.5px solid #e2e8f0e6;border-radius:16px;padding:20px 24px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 18px -4px #0f172a0a}.cv-stat-box:before{content:"";opacity:0;background:linear-gradient(90deg,#0ea5e9,#2563eb,#6366f1);height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.cv-stat-box:hover{border-color:#2563eb59;transform:translateY(-4px);box-shadow:0 14px 32px -8px #2563eb24}.cv-stat-box:hover:before{opacity:1}.cv-timeline-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid;position:relative}.cv-timeline-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1.5px solid #e2e8f0e6;border-radius:18px;padding:24px 22px;transition:all .25s;position:relative}.cv-timeline-card:hover{border-color:#2563eb59;transform:translateY(-4px);box-shadow:0 16px 36px -8px #2563eb1f}.cv-step-pill{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:14px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 14px #2563eb47}.cv-glow-featured{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#0ea5e9,#2563eb,#6366f1) border-box;border:2px solid #0000;position:relative;box-shadow:0 12px 36px -6px #2563eb2e}.cv-glow-featured:hover{box-shadow:0 20px 48px -6px #2563eb47}.cv-scroll-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;max-width:100%;padding:4px 0 10px;display:flex;overflow-x:auto}.cv-scroll-tabs::-webkit-scrollbar{display:none}.public-category-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}@media (max-width:768px){.public-category-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;padding-inline:4px;overflow-x:auto}.public-category-pills::-webkit-scrollbar{display:none}.public-category-pills button{white-space:nowrap;flex-shrink:0}.landing-page input:not([type=checkbox]):not([type=radio]),.landing-page select,.landing-page textarea{font-size:16px!important}.landing-page .cv-glass-card{border-radius:14px}.cv-scroll-tabs{padding-inline:4px}}@media (max-width:480px){.landing-page{padding-top:62px}}.ats-hero{background:linear-gradient(170deg,#f8faff 0%,#f5f3ff 35%,#f0fdfa 65%,#fff 100%);padding:48px 20px 24px;position:relative;overflow:hidden}.ats-section{box-sizing:border-box;width:100%;max-width:920px;margin:0 auto}.ats-section-features{padding:28px 20px 32px}.ats-section-stats{padding:8px 20px 32px}.ats-section-steps{padding:28px 20px 36px}.ats-section-faq{max-width:680px;padding:24px 20px 36px}.ats-section-cta{max-width:680px;padding:16px 20px 48px}.ats-section-header{text-align:center;margin-bottom:24px}.ats-demo-body{padding:22px}.ats-hero:before{content:"";top:-100px;pointer-events:none;background:radial-gradient(circle,#6366f112 0%,#0000 70%);border-radius:50%;width:420px;height:420px;animation:7s ease-in-out infinite float;position:absolute;inset-inline-end:-60px}.ats-hero:after{content:"";bottom:-60px;pointer-events:none;background:radial-gradient(circle,#06b6d40f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:5s ease-in-out 1.5s infinite float;position:absolute;inset-inline-start:-40px}.ats-gradient-text{background:linear-gradient(135deg,#06b6d4,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ats-cta-primary{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#8b5cf6 100%) 0 0/200% 200%;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:4s infinite gradientShift;box-shadow:0 6px 24px #3b82f640}.ats-cta-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 36px #3b82f659}.ats-cta-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1.5px solid #6366f11f;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ats-cta-secondary:hover{background:#6366f10d;border-color:#6366f140;transform:translateY(-2px)}.ats-feature-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#fffc;border:1px solid #e2e8f0b3;border-radius:20px;padding:32px 24px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.ats-feature-card:hover{border-color:#6366f126;transform:translateY(-6px);box-shadow:0 16px 40px -10px #6366f11f}.ats-stat-card{text-align:center;background:linear-gradient(135deg,#ffffffe6,#f8faffe6);border:1px solid #e2e8f099;border-radius:18px;padding:28px 20px;transition:all .35s}.ats-stat-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 28px -8px #6366f11a}.ats-step-card{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.ats-faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:16px;transition:all .3s;overflow:hidden}.ats-faq-item:hover{border-color:#6366f126;box-shadow:0 4px 16px -4px #6366f10f}.ats-bottom-cta{background:linear-gradient(135deg,#f8faff 0%,#f5f3ff 50%,#f0fdfa 100%);border:1px solid #6366f114;border-radius:24px;position:relative;overflow:hidden}.ats-bottom-cta:before{content:"";top:-40%;pointer-events:none;background:radial-gradient(circle,#8b5cf60d 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;inset-inline-end:-15%}.section-reveal{opacity:0;transition:opacity .5s ease-out,transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.section-reveal.visible{opacity:1!important;transform:translateY(0)!important}@media (max-width:768px){.section-reveal{opacity:1!important;transform:none!important}.ats-hero{padding:36px 16px 16px!important}.ats-hero-ctas,.ai-hero-ctas{flex-direction:row!important;gap:8px!important;width:100%!important;max-width:390px!important;margin-bottom:20px!important;margin-left:auto!important;margin-right:auto!important;display:flex!important}.ats-hero-ctas>*,.ai-hero-ctas>*{box-sizing:border-box!important;flex:1!important;justify-content:center!important;width:auto!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:inherit!important}.ats-features-grid{width:100%;grid-template-columns:repeat(3,1fr)!important;align-items:stretch!important;gap:8px!important}.ats-feature-card{text-align:center!important;box-sizing:border-box!important;background:#fffc!important;border:1px solid #e2e8f0cc!important;border-radius:14px!important;flex-direction:column!important;align-items:center!important;gap:6px!important;min-width:0!important;padding:12px 6px 14px!important;display:flex!important;box-shadow:0 2px 8px -2px #6366f10d!important}.ats-feature-icon-box{border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;margin:0 auto 6px!important;display:flex!important}.ats-feature-icon-box svg{width:20px!important;height:20px!important}.ats-feature-title{color:#1e293b!important;word-break:break-word!important;text-align:center!important;margin:0 0 4px!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important}.ats-feature-desc{color:#64748b!important;word-break:break-word!important;text-align:center!important;margin:0!important;font-size:10px!important;line-height:1.35!important}.ats-stats-grid{width:100%;grid-template-columns:repeat(3,1fr)!important;align-items:stretch!important;gap:8px!important}.ats-stat-card{text-align:center!important;box-sizing:border-box!important;background:#fffc!important;border:1px solid #e2e8f0cc!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:0!important;padding:12px 6px 14px!important;display:flex!important;box-shadow:0 2px 8px -2px #6366f10d!important}.ats-stat-value{margin-bottom:3px!important;font-size:22px!important;font-weight:900!important;line-height:1.15!important}.ats-stat-label{color:#64748b!important;word-break:break-word!important;text-align:center!important;font-size:11px!important;font-weight:600!important;line-height:1.25!important}.ats-steps-grid{align-items:stretch;width:100%;position:relative;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.ats-step-card{text-align:center!important;box-sizing:border-box!important;background:#fffc!important;border:1px solid #e2e8f0cc!important;border-radius:14px!important;flex-direction:column!important;align-items:center!important;gap:7px!important;min-width:0!important;padding:12px 6px 14px!important;display:flex!important;box-shadow:0 2px 8px -2px #6366f10d!important}.ats-step-number{border-radius:7px!important;flex-shrink:0!important;width:24px!important;height:24px!important;font-size:11px!important;box-shadow:0 2px 6px #00000014!important}.ats-step-icon-box{border-radius:12px!important;flex-shrink:0!important;width:42px!important;height:42px!important}.ats-step-icon-box svg{width:20px!important;height:20px!important}.ats-step-title{color:#1e293b!important;word-break:break-word!important;text-align:center!important;margin:0!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important}.ats-step-desc{color:#64748b!important;word-break:break-word!important;text-align:center!important;margin:0!important;font-size:10px!important;line-height:1.35!important}.ai-builder-cards-grid{width:100%;grid-template-columns:repeat(3,1fr)!important;align-items:stretch!important;gap:8px!important}.ai-builder-card{text-align:center!important;box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;align-items:center!important;min-width:0!important;padding:12px 6px 14px!important;display:flex!important}.ai-builder-card-icon{border-radius:11px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;margin:0 auto 6px!important;display:flex!important}.ai-builder-card-icon svg{width:18px!important;height:18px!important}.ai-builder-card-title{word-break:break-word!important;margin-bottom:4px!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important}.ai-builder-card-desc{word-break:break-word!important;margin:0!important;font-size:10px!important;line-height:1.35!important}.about-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:32px!important}.about-stats-grid .cv-stat-box{text-align:center!important;border-radius:14px!important;padding:14px 10px!important}.about-stat-val{margin-bottom:2px!important;font-size:24px!important;font-weight:900!important}.about-stat-title{margin-bottom:2px!important;font-size:12px!important;font-weight:700!important}.about-stat-sub{font-size:10.5px!important;line-height:1.3!important}.about-pillars-grid{grid-template-columns:1fr!important;gap:12px!important}.about-pillar-card{padding:18px 16px!important}.seo-hubs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}.seo-hub-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;justify-content:space-between!important;min-width:0!important;min-height:145px!important;padding:13px 12px 11px!important;transition:transform .15s,box-shadow .15s,border-color .15s!important;display:flex!important;box-shadow:0 2px 6px #0f172a0a!important}.seo-hub-card:active{transform:scale(.98)!important}.seo-hub-card-top{justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;display:flex!important}.seo-hub-icon{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important}.seo-hub-icon svg{width:16px!important;height:16px!important}.seo-hub-card-body{flex-grow:1!important;margin-bottom:8px!important}.seo-hub-title{color:#0f172a!important;word-break:normal!important;margin:0 0 3px!important;font-size:13px!important;font-weight:800!important;line-height:1.3!important}.seo-hub-desc{color:#64748b!important;word-break:normal!important;margin:0!important;font-size:11px!important;line-height:1.35!important}.seo-hub-card-footer{border-top:1px solid #e2e8f0b3!important;justify-content:space-between!important;align-items:center!important;padding-top:8px!important;display:flex!important}.seo-hub-link-text{font-size:11.5px!important;font-weight:700!important}.seo-hub-link-arrow{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;display:flex!important}.seo-hub-link-arrow svg{width:11px!important;height:11px!important}.ats-verification-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important}}.ats-uploader-box{text-align:center;cursor:pointer;background:#ffffffe6;border:2px dashed #6366f140;border-radius:20px;padding:32px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 30px #6366f10d}.ats-uploader-box:hover,.ats-uploader-box.drag-over{background:#6366f108;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 16px 40px #6366f11a}.ats-laser-bar{z-index:10;background:linear-gradient(90deg,#0000 5%,#6366f1 35%,#06b6d4 65%,#0000 95%);height:3px;animation:1.2s ease-in-out infinite atsLaserSweep;position:absolute;left:0;right:0;box-shadow:0 0 20px 4px #6366f199}@keyframes atsLaserSweep{0%{opacity:.7;top:0}50%{opacity:1;top:100%}to{opacity:.7;top:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.ats-controls-bar{flex-direction:column!important;align-items:stretch!important}.ats-controls-bar>*{justify-content:center!important;width:100%!important}.ats-uploader-box{padding:24px 14px!important}}.ats-scanner-section-wrapper{box-sizing:border-box;width:100%;max-width:760px;margin:0 auto}.ats-scanner-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffffe6;border:1px solid #6366f124;border-radius:24px;overflow:hidden;box-shadow:0 24px 64px -16px #6366f11f,0 4px 16px #0f172a0a}.ats-scanner-card-header{background:linear-gradient(#fffffff2 0%,#f8fafce6 100%);border-bottom:1px solid #e2e8f0b3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;display:flex}.ats-scanner-content-body{box-sizing:border-box;padding:24px 20px;position:relative}.ats-mode-switcher-container{box-sizing:border-box;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;margin-bottom:24px;padding:4px;display:inline-flex}.ats-mode-switch-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .2s}.ats-mode-switch-btn.active{color:#4338ca;background:#fff;box-shadow:0 2px 8px #0000000f}.ats-score-summary-box{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:18px;margin-bottom:20px;padding:20px}.ats-score-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.ats-score-pill{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;display:flex;box-shadow:0 4px 14px #0000000a}.ats-breakdown-grid{border-top:1px solid #e2e8f0;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px;padding-top:16px;display:grid}.ats-breakdown-cell{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:8px 10px}.ats-breakdown-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.ats-breakdown-val{color:#1e293b;margin-top:2px;font-size:14px;font-weight:800}.ats-report-tabs-wrapper{width:100%;margin-bottom:18px}.ats-report-tabs-nav{box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:4px;width:100%;padding:4px;display:flex;overflow-x:auto}.ats-report-tabs-nav::-webkit-scrollbar{display:none}.ats-report-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.ats-report-tab-btn.active{color:#0f172a;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.ats-tab-badge{border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:700}.ats-tab-badge-issues{color:#b91c1c;background:#fee2e2}.ats-tab-badge-strengths{color:#15803d;background:#dcfce7}.ats-tab-badge-alert{color:#b91c1c;background:#fef2f2}.ats-tab-label-short{display:none}.ats-issue-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px #00000005}.ats-issue-header{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.ats-issue-badge{border-radius:6px;flex-shrink:0;margin-top:2px;padding:2px 7px;font-size:10.5px;font-weight:700}.ats-issue-title{color:#0f172a;word-break:break-word;flex:1;min-width:0;font-size:13.5px;font-weight:700;line-height:1.45}.ats-issue-desc{color:#475569;word-break:break-word;margin:0 0 6px;font-size:12px;line-height:1.6}.ats-issue-recommendation{color:#4338ca;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 11px;font-size:11.5px;font-weight:600;line-height:1.5}.ats-strength-card{border:1px solid #e2e8f0;box-sizing:border-box;background:#fff;border-inline-start:3px solid #10b981;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px #00000005}.ats-strength-header{align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.ats-strength-icon{color:#059669;flex-shrink:0;margin-top:2px}.ats-strength-title{color:#0f172a;word-break:break-word;flex:1;min-width:0;font-size:13.5px;font-weight:700;line-height:1.45}.ats-report-actions-row{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.ats-btn-fix-editor{cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#2563eb 0%,#6366f1 50%,#7c3aed 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:14.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 24px #6366f159;color:#fff!important}.ats-btn-fix-editor:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6366f173;color:#fff!important}.ats-btn-scan-another{color:#475569;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex}@media (max-width:640px){.ats-hero{padding:30px 14px 12px!important}.ats-section-features{padding:14px 14px 20px!important}.ats-section-stats{padding:4px 14px 18px!important}.ats-section-steps,.ats-section-faq{padding:14px 14px 20px!important}.ats-section-cta{padding:8px 14px 30px!important}.ats-section-header{margin-bottom:16px!important}.ats-demo-body{padding:16px 14px!important}.ats-controls-bar{padding-top:10px!important}.ats-hero-ctas{flex-direction:row!important;gap:8px!important;width:100%!important;max-width:400px!important;margin:0 auto 20px!important;display:flex!important}.ats-cta-primary,.ats-cta-secondary{box-sizing:border-box!important;white-space:nowrap!important;border-radius:12px!important;flex:1!important;justify-content:center!important;gap:6px!important;width:auto!important;padding:11px 8px!important;font-size:12.5px!important}.ats-cta-primary svg,.ats-cta-secondary svg{flex-shrink:0!important;width:15px!important;height:15px!important}.ats-mode-switcher-container{width:100%!important;max-width:320px!important;margin:0 auto 20px!important;display:flex!important}.ats-mode-switch-btn{text-align:center!important;flex:1!important;padding:8px 6px!important;font-size:12px!important}.ats-scanner-card{border-radius:18px!important}.ats-scanner-card-header{padding:12px 14px!important}.ats-scanner-content-body{padding:16px 12px!important}.ats-score-summary-box{border-radius:14px!important;margin-bottom:14px!important;padding:14px 12px!important}.ats-score-header-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.ats-score-pill{box-sizing:border-box!important;justify-content:center!important;width:100%!important;padding:8px 14px!important}.ats-breakdown-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:12px!important;padding-top:12px!important}.ats-breakdown-cell{padding:6px 4px!important}.ats-breakdown-label{font-size:10px!important}.ats-breakdown-val{font-size:13px!important}.ats-tab-label-full{display:none!important}.ats-tab-label-short{display:inline!important}.ats-report-tab-btn{gap:4px!important;padding:7px 6px!important;font-size:11.5px!important}.ats-report-actions-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding-top:14px!important}.ats-btn-fix-editor,.ats-btn-scan-another{width:100%!important;min-height:48px!important;padding:12px 16px!important;font-size:13.5px!important}}@media (max-width:360px){.ats-breakdown-grid{grid-template-columns:repeat(2,1fr)!important}.ats-report-tab-btn{flex:1 0 auto!important;min-width:max-content!important}}.footer-mega-legal-links{align-items:center;gap:16px;display:flex}.resume-examples-main{box-sizing:border-box;max-width:1060px;margin:0 auto;padding:24px 24px 80px}@media (max-width:768px){.resume-examples-main{padding:16px 16px 60px}}.resume-preview-stage{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;padding:32px 20px;display:flex}@media (max-width:768px){.resume-preview-stage{background:0 0;border:none;padding:12px 6px}}.resume-paper-sand{box-sizing:border-box;background:#fff;border-radius:6px;width:100%;max-width:740px;position:relative;overflow:hidden;box-shadow:0 20px 50px -12px #0f172a1f,0 0 0 1px #0f172a0f}.resume-paper-inner{padding:40px 40px 44px}@media (max-width:768px){.resume-paper-inner{padding:24px 18px 28px}}.resume-role-cta{text-align:center;box-sizing:border-box;border-radius:20px;margin-bottom:60px;padding:48px 32px;box-shadow:0 20px 40px -15px #1e3a8a59;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 55%,#2563eb 100%)!important}@media (max-width:768px){.resume-role-cta{padding:36px 20px}}.landing-page .resume-role-cta h2{color:#fff!important}.landing-page .resume-role-cta p{color:#fffffff2!important;opacity:1!important}.resume-role-cta .cta-button{font-weight:800;transition:all .2s;color:#1e3a8a!important;background:#fff!important}.resume-role-cta .cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -6px #00000040;background:#f8fafc!important}.seo-hubs-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.seo-hub-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px 18px 16px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a08;text-decoration:none!important}.seo-hub-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -4px #0f172a14}.seo-hub-card-builder{background:linear-gradient(#fff 0%,#f8faff 100%);border-color:#2563eb29}.seo-hub-card-builder .seo-hub-icon{color:#2563eb;background:#eff6ff;border:1px solid #2563eb26}.seo-hub-card-builder .seo-hub-link-text{color:#2563eb}.seo-hub-card-builder .seo-hub-link-arrow{color:#2563eb;background:#2563eb14}.seo-hub-card-ats{background:linear-gradient(#fff 0%,#f6fbf9 100%);border-color:#10b98129}.seo-hub-card-ats .seo-hub-icon{color:#059669;background:#ecfdf5;border:1px solid #10b98126}.seo-hub-card-ats .seo-hub-link-text{color:#059669}.seo-hub-card-ats .seo-hub-link-arrow{color:#059669;background:#10b98114}.seo-hub-card-tailor{background:linear-gradient(#fff 0%,#faf8ff 100%);border-color:#8b5cf629}.seo-hub-card-tailor .seo-hub-icon{color:#7c3aed;background:#f5f3ff;border:1px solid #8b5cf626}.seo-hub-card-tailor .seo-hub-link-text{color:#7c3aed}.seo-hub-card-tailor .seo-hub-link-arrow{color:#7c3aed;background:#8b5cf614}.seo-hub-card-templates{background:linear-gradient(#fff 0%,#fffdf7 100%);border-color:#f59e0b2e}.seo-hub-card-templates .seo-hub-icon{color:#d97706;background:#fffbeb;border:1px solid #f59e0b26}.seo-hub-card-templates .seo-hub-link-text{color:#d97706}.seo-hub-card-templates .seo-hub-link-arrow{color:#d97706;background:#f59e0b1a}.seo-hub-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.seo-hub-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex}.seo-hub-card:hover .seo-hub-icon{transform:scale(1.06)}.seo-hub-card-body{flex-grow:1;margin-bottom:12px}.seo-hub-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:800;line-height:1.35}.seo-hub-desc{color:#64748b;margin:0;font-size:12px;line-height:1.45}.seo-hub-card-footer{border-top:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.seo-hub-link-text{font-size:12px;font-weight:700}.seo-hub-link-arrow{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .2s;display:flex}.seo-hub-card:hover .seo-hub-link-arrow{transform:translate(-3px)}[dir=ltr] .seo-hub-card:hover .seo-hub-link-arrow{transform:translate(3px)}.design-picker-modal-backdrop{z-index:99999;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);background:#0f172abf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.design-picker-modal-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;flex-direction:column;width:100%;max-width:980px;max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a40}.design-picker-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.design-picker-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.design-picker-modal-subtitle{color:#64748b;margin:3px 0 0;font-size:.82rem;font-weight:500}.design-picker-modal-close{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.design-picker-modal-close:hover{color:#0f172a;background:#f1f5f9}.design-picker-modal-body{flex-direction:column;gap:12px;padding:14px 22px 12px;display:flex;overflow-y:auto}.design-picker-carousel-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.design-picker-carousel-title{color:#334155;align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.design-picker-carousel-nav{align-items:center;gap:6px;display:flex}.design-picker-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.design-picker-nav-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.design-picker-scroll-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding:4px 2px 10px;display:flex;overflow-x:auto}.design-picker-card{cursor:pointer;scroll-snap-align:start;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:0 0 175px;width:175px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.design-picker-card:hover{border-color:#93c5fd;transform:translateY(-2px)}.design-picker-card.is-selected{border:2.5px solid #2563eb;box-shadow:0 0 0 2px #2563eb40,0 8px 20px -4px #2563eb33}.design-picker-card-preview{aspect-ratio:1/1.35;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;width:100%;position:relative;overflow:hidden}.design-picker-card-info{background:#fff;padding:10px 12px}.design-picker-card.is-selected .design-picker-card-info{background:#eff6ff}.design-picker-card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:800;overflow:hidden}.design-picker-card.is-selected .design-picker-card-name{color:#1d4ed8}.design-picker-card-meta{color:#64748b;margin-top:2px;font-size:11px}.design-picker-banner{border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.design-picker-banner.is-original{background:#eff6ffd9;border:1px solid #bfdbfecc}.design-picker-banner.is-template{background:#f8fafcf2;border:1px solid #e2e8f0}.design-picker-banner-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.design-picker-banner-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:800;overflow:hidden}.design-picker-banner-desc{color:#475569;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.78rem;overflow:hidden}.design-picker-modal-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:12px 22px;display:flex}.design-picker-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:8px 16px;font-size:13.5px;font-weight:600}.design-picker-btn-continue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 20px;font-size:13.5px;font-weight:700;display:flex;box-shadow:0 4px 14px #2563eb4d}@media (max-width:640px){.design-picker-modal-backdrop{padding:6px}.design-picker-modal-card{border-radius:14px;max-height:calc(100vh - 12px)}.design-picker-modal-header{padding:8px 12px}.design-picker-modal-title{font-size:.92rem}.design-picker-modal-subtitle{margin-top:1px;font-size:.72rem}.design-picker-modal-body{gap:8px;padding:8px 10px}.design-picker-carousel-title{font-size:.78rem}.design-picker-scroll-strip{gap:8px;padding:2px 2px 6px}.design-picker-card{border-radius:10px;flex:0 0 120px;width:120px}.design-picker-card-info{padding:5px 6px}.design-picker-card-name{font-size:.72rem}.design-picker-card-meta{font-size:9.5px}.design-picker-banner{border-radius:8px;gap:6px;padding:5px 8px}.design-picker-banner-icon{border-radius:5px;width:22px;height:22px}.design-picker-banner-title{font-size:.74rem}.design-picker-banner-desc{font-size:.68rem}.design-picker-modal-footer{gap:8px;padding:8px 10px}.design-picker-btn-cancel{padding:6px 12px;font-size:12px}.design-picker-btn-continue{padding:6px 14px;font-size:12px}}