.chat-widget-container{z-index:99999;font-family:inherit;position:fixed;bottom:30px;right:30px}.chat-widget-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:none;border-radius:9999px;align-items:center;gap:12px;padding:12px 24px 12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #2563eb66,0 8px 10px -6px #2563eb33}.chat-widget-fab:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);transition:opacity .3s;position:absolute;inset:0}.chat-widget-fab:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 25px -5px #2563eb80,0 8px 10px -6px #2563eb33}.chat-widget-fab:hover:before{opacity:1}.fab-icon-wrap{z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a}.fab-text{letter-spacing:.3px;z-index:1;font-size:16px;font-weight:700;position:relative}.pulse-animation{animation:2.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #2563eb80}70%{box-shadow:0 0 0 15px #2563eb00}to{box-shadow:0 0 #2563eb00}}.chat-widget-window{background:var(--surface);border:1px solid var(--border);transform-origin:100% 100%;border-radius:24px;flex-direction:column;width:380px;height:600px;max-height:85vh;animation:.35s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}@keyframes scaleUp{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-widget-header{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);color:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.chat-widget-header:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(#0000000d,#0000);height:15px;position:absolute;bottom:-15px;left:0;right:0}.chat-widget-brand{align-items:center;gap:14px;display:flex}.chat-widget-avatar{background:#fff3;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.chat-widget-titles{flex-direction:column;display:flex}.chat-widget-titles strong{font-size:16px;font-weight:700}.chat-widget-titles span{color:#ffffffb3;align-items:center;gap:6px;font-size:12px;display:flex}.chat-widget-titles span:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.chat-widget-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.chat-widget-close:hover{background:#ffffff40;transform:rotate(90deg)}.chat-widget-messages{background:var(--background);flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.chat-widget-welcome{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:16px;flex-direction:column;align-items:center;margin-bottom:10px;padding:30px 20px;display:flex}.chat-widget-wave{transform-origin:70% 70%;margin-bottom:12px;font-size:40px;animation:2.5s infinite wave}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.chat-widget-welcome p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.cw-msg-wrap{align-items:flex-end;gap:8px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cw-msg-user{justify-content:flex-end}.cw-msg-ai{justify-content:flex-start}.cw-tiny-avatar{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.cw-msg-bubble{word-wrap:break-word;border-radius:18px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.6;box-shadow:0 2px 5px #00000005}.cw-msg-user .cw-msg-bubble{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-bottom-right-radius:4px}.cw-msg-ai .cw-msg-bubble{background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.cw-msg-ai .cw-msg-bubble.cw-typing{padding:16px 20px}.chat-widget-input-area{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:12px;padding:16px 24px;display:flex}.chat-widget-input{border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:99px;outline:none;flex:1;padding:14px 20px;font-size:14px;transition:all .2s;box-shadow:inset 0 2px 4px #00000005}.chat-widget-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-ghost)}.chat-widget-send{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex;box-shadow:0 4px 10px #2563eb4d}.chat-widget-send:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.05)}.chat-widget-send:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.urdu-text{font-family:var(--font-urdu), "Jameel Noori Nastaleeq", "Nafees Web Naskh", Tahoma, Arial, sans-serif;text-align:right;direction:rtl;font-size:1.25em;line-height:2}.chat-widget-messages::-webkit-scrollbar{width:6px}.chat-widget-messages::-webkit-scrollbar-track{background:0 0}.chat-widget-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.chat-widget-messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.splash-screen{background:var(--gradient-hero);z-index:99999;opacity:1;visibility:visible;justify-content:center;align-items:center;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;display:flex;position:fixed;inset:0}.splash-screen.fade-out{opacity:0;visibility:hidden}.splash-content{text-align:center;flex-direction:column;align-items:center;animation:1s cubic-bezier(.175,.885,.32,1.275) splashScaleUp;display:flex}.splash-logo{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:24px;font-size:45px;animation:2s ease-in-out infinite splashPulse;display:flex;box-shadow:0 0 30px #ffffff1a}.splash-title{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:3rem;font-weight:800}.splash-title .ai-text{color:#00d4a4}.splash-subtitle{color:#fffc;letter-spacing:.05em;margin-bottom:40px;font-size:1.2rem;font-weight:500}.splash-loader{background:#ffffff26;border-radius:4px;width:250px;height:4px;position:relative;overflow:hidden}.splash-loader:after{content:"";background:linear-gradient(90deg,#00d4a4,#5a9fe0);border-radius:4px;width:30%;height:100%;animation:2s ease-in-out infinite loaderProgress;position:absolute;top:0;left:0}@keyframes splashScaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes splashPulse{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 25px #fff0}}@keyframes loaderProgress{0%{width:30%;left:-30%}50%{width:40%}to{width:30%;left:100%}}.navbar{height:var(--navbar-height);background:var(--navbar-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:200;transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md);background:var(--navbar-bg-scrolled)}.nav-container{max-width:var(--container-max);padding:0 var(--space-6);align-items:center;gap:var(--space-6);height:100%;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.logo-icon{background:var(--gradient-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-primary{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--logo-text)}.logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.nav-links{flex:1;align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--primary);background:var(--primary-ghost)}.nav-link.active{color:var(--primary);background:var(--primary-ghost);font-weight:var(--font-semi)}.nav-link-icon{font-size:14px}.nav-right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.nav-lang{border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);transition:all var(--transition-fast);align-items:center;gap:4px;padding:6px 12px;display:flex;position:relative}.nav-lang:hover{border-color:var(--primary);color:var(--primary)}.lang-caret{font-size:8px}.lang-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2);min-width:160px;box-shadow:var(--shadow-xl);z-index:100;animation:.15s fadeSlideDown;position:absolute;top:calc(100% + 8px);right:0}.lang-option{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.lang-option:hover{background:var(--surface-2)}.lang-option.active{color:var(--primary);font-weight:var(--font-semi)}.nav-auth{gap:var(--space-2);display:flex}.nav-profile{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:var(--surface);padding:6px 12px 6px 6px;display:flex;position:relative}.nav-profile:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.profile-avatar{background:var(--gradient-primary);color:#fff;width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text)}.profile-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3);min-width:220px;box-shadow:var(--shadow-xl);z-index:100;animation:.15s fadeSlideDown;position:absolute;top:calc(100% + 8px);right:0}.dropdown-header{gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-2);align-items:center;display:flex}.dropdown-avatar{background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-weight:var(--font-bold);font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdown-name{font-size:var(--text-sm);font-weight:var(--font-semi);color:var(--text)}.dropdown-email{font-size:var(--text-xs);color:var(--text-muted)}.verified-badge{font-size:var(--text-xs);color:var(--accent-dark);background:var(--accent-ghost);border-radius:var(--radius-full);font-weight:var(--font-semi);margin:0 var(--space-2) var(--space-2);padding:4px 10px}.dropdown-divider{background:var(--border);height:1px;margin:var(--space-2) 0}.dropdown-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;padding:9px 12px;display:flex}.hamburger{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger span{background:var(--text);width:22px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--surface);border-top:1px solid var(--border);padding:var(--space-4) var(--space-6);gap:var(--space-2);flex-direction:column;animation:.2s fadeSlideDown;display:flex}.mobile-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);padding:12px;text-decoration:none;display:flex}.mobile-link.active{color:var(--primary);background:var(--primary-ghost)}.mobile-lang{gap:var(--space-2);padding:var(--space-2) 0;display:flex}.mobile-lang-btn{border-radius:var(--radius-md);font-size:var(--text-xs);background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;flex:1;padding:8px}.mobile-lang-btn.active{background:var(--primary-ghost);color:var(--primary);border-color:var(--primary)}.mobile-auth{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);flex-direction:column;display:flex}@media (width<=768px){.nav-links,.nav-auth,.nav-lang{display:none}.hamburger{display:flex}.nav-profile .profile-name{display:none}}@media (width>=769px){.mobile-menu{display:none!important}}.landing-page{overflow-x:hidden}.hero-section{background:var(--gradient-hero);align-items:center;padding:100px 0 60px;display:flex;position:relative;overflow:hidden}.hero-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:#2e72c44d;width:600px;height:600px;animation:5s ease-in-out infinite heroGlow;top:-200px;right:-100px}.hero-orb-2{background:#00b38826;width:400px;height:400px;animation:6s ease-in-out 1s infinite heroGlow;bottom:-100px;left:-50px}.hero-orb-3{background:#f4a7241a;width:300px;height:300px;animation:4s ease-in-out .5s infinite heroGlow;top:50%;left:40%}.hero-container{gap:var(--space-12);z-index:1;grid-template-columns:1fr 1.1fr;align-items:center;display:grid;position:relative}.hero-tag{border-radius:var(--radius-full);color:#ffffffe6;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:8px;padding:8px 18px;display:inline-flex}.hero-title{font-size:clamp(2rem,3.5vw,3.8rem);font-weight:var(--font-black);color:#fff;margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:1.15}.hero-title-accent{background:linear-gradient(135deg,#00d4a4,#5a9fe0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffbf;margin-bottom:var(--space-6);max-width:680px;font-size:clamp(1.05rem,1.2vw,1.25rem);line-height:1.7}.hero-buttons{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.hero-btn-primary{color:var(--primary-dark);font-weight:var(--font-bold);background:#fff;box-shadow:0 8px 32px #0003}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000040}.hero-btn-outline{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #ffffff4d}.hero-btn-outline:hover{background:#fff3}.hero-quick-prompts{margin-bottom:var(--space-8)}.quick-prompts-label{color:#fff9;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.quick-prompts-grid{flex-flow:wrap;gap:10px;display:flex}.quick-prompt-chip{border-radius:var(--radius-full);color:#ffffffd9;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;padding:6px 12px;font-size:13px}.quick-prompt-chip:hover{background:#fff3;transform:translateY(-1px)}.hero-trust{gap:var(--space-6);flex-wrap:wrap;display:flex}.trust-item{color:#ffffffa6;font-size:var(--text-xs);align-items:center;gap:6px;display:flex}.hero-image-wrap{aspect-ratio:16/9;border-radius:var(--radius-2xl);width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0000004d}.hero-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.hero-image.active{opacity:1}.actions-section{padding:var(--space-20) 0;background:var(--background)}.actions-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-3);z-index:1;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--accent-color,var(--primary));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#0000;transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.feature-icon{margin-bottom:var(--space-2);font-size:48px;transition:transform .4s}.feature-card:hover .feature-icon{transform:scale(1.15)rotate(5deg)}.feature-card h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text);transition:color .4s}.feature-card:hover h3{color:#fff}.feature-card p{font-size:var(--text-sm);color:var(--text-muted);flex:1;line-height:1.6;transition:color .4s}.feature-card:hover p{color:#ffffffe6}.feature-link{font-size:var(--text-sm);font-weight:var(--font-semi);color:var(--accent-color,var(--primary));margin-top:auto;transition:color .4s}.feature-card:hover .feature-link{color:#fff}.templates-section{padding:var(--space-20) 0;background:var(--surface)}.section-header{text-align:center;margin-bottom:var(--space-12)}.templates-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%;margin:0 auto;display:grid}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden}.template-image-wrap{height:clamp(200px,30vh,320px);position:relative;overflow:hidden}.template-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.template-card:hover .template-image{transform:scale(1.04)}.template-badge{background:var(--primary-dark);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semi);padding:6px 14px;position:absolute;top:16px;left:16px}.template-content{padding:var(--space-6)}.template-content h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:4px}.template-content>p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.template-features{margin-bottom:var(--space-6);gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.template-features li{font-size:var(--text-sm);color:var(--text-secondary)}.how-section{padding:var(--space-20) 0;background:var(--background)}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.step-item-card{gap:var(--space-4);padding:var(--space-6);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);align-items:flex-start;display:flex}.step-num{font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--primary-light);opacity:.4;flex-shrink:0;min-width:40px}.step-item-card h4{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:4px}.step-item-card p{font-size:var(--text-sm);color:var(--text-muted)}.info-section{padding:var(--space-16) 0;background:var(--surface)}.info-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.info-card{padding:var(--space-6);border-radius:var(--radius-xl)}.custom-feature-card{background:var(--surface);border:1px solid var(--border);height:100%;min-height:380px;box-shadow:var(--shadow-sm);z-index:1;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.custom-feature-card:before{content:"";background:linear-gradient(135deg, var(--primary), var(--accent));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.custom-feature-card:hover{border-color:#0000;transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.custom-feature-card:hover:before{opacity:1}.custom-feature-card .info-icon{align-self:center;margin-bottom:8px;font-size:56px;transition:transform .4s}.custom-feature-card:hover .info-icon{transform:scale(1.15)rotate(5deg)}.custom-feature-card h3{text-align:center;color:var(--text);font-size:var(--text-base);font-weight:var(--font-bold);margin-top:16px;margin-bottom:var(--space-2);transition:color .4s}.custom-feature-card:hover h3{color:#fff}.custom-feature-card p{text-align:center;color:var(--text-muted);flex-grow:1;margin-bottom:24px;font-size:14px;line-height:1.6;transition:color .4s}.custom-feature-card:hover p{color:#ffffffe6}.custom-feature-card .btn{justify-content:center;width:100%;transition:all .3s;display:flex}.custom-feature-card:hover .btn{color:var(--primary-dark);background:#fff;box-shadow:0 4px 15px #0003}.info-card-blue{background:linear-gradient(135deg,#ebf1fa,#dbeafe);border:1px solid #bfdbfe}.info-card-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7}.info-card-gold{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.info-icon{margin-bottom:var(--space-3);font-size:32px}.info-card h3{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.info-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.cta-section{padding:var(--space-20) 0;background:var(--background)}.cta-card{background:var(--gradient-hero);border-radius:var(--radius-3xl);padding:var(--space-16) var(--space-8);text-align:center;position:relative;overflow:hidden}.cta-orb{filter:blur(60px);border-radius:50%;position:absolute}.cta-orb-1{background:#00b38833;width:300px;height:300px;top:-100px;right:-50px}.cta-orb-2{background:#f4a72426;width:200px;height:200px;bottom:-50px;left:-30px}.cta-card h2{font-size:var(--text-4xl);font-weight:var(--font-black);color:#fff;margin-bottom:var(--space-4);position:relative}.cta-card p{font-size:var(--text-lg);color:#ffffffbf;margin-bottom:var(--space-8);position:relative}.cta-buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex;position:relative}@media (width>=1440px){.hero-container{gap:var(--space-16)}.templates-grid{gap:var(--space-10)}.steps-grid,.actions-grid{gap:var(--space-8)}}@media (width>=1920px){.hero-title{font-size:3.5rem}.hero-subtitle{max-width:720px;font-size:1.2rem}.hero-container{gap:var(--space-16)}.template-image-wrap{height:clamp(240px,35vh,380px)}}@media (width>=2560px){.hero-title{font-size:4.2rem}.hero-subtitle{max-width:820px;font-size:1.35rem}.hero-container{gap:var(--space-20)}}@media (width<=1024px){.hero-container{text-align:center;gap:var(--space-8);grid-template-columns:1fr}.hero-image-wrap{max-width:600px;margin:0 auto;display:flex}.hero-trust,.hero-buttons,.quick-prompts-grid{justify-content:center}.actions-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.templates-grid{grid-template-columns:1fr;max-width:480px}.steps-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}}@media (width<=640px){.hero-section{min-height:auto;padding:100px 0 60px}.hero-title{font-size:1.75rem}.steps-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.btn-xl{width:100%;max-width:320px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce{animation:3s ease-in-out infinite bounce;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{opacity:0;animation:.8s ease-out forwards slide-up}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{opacity:0;animation:1s ease-out forwards fade-in}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-12px)rotate(1deg)}66%{transform:translateY(-6px)rotate(-1deg)}}.ai-chat-page{background:var(--background)}.chat-layout{height:calc(100vh - var(--navbar-height));grid-template-columns:300px 1fr;display:grid}.chat-sidebar{background:var(--primary-dark);padding:var(--space-6);gap:var(--space-6);border-right:1px solid #ffffff14;flex-direction:column;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid #ffffff1a;display:flex}.sidebar-icon{font-size:32px}.sidebar-brand h2{color:#fff;font-size:var(--text-lg);font-weight:var(--font-bold)}.sidebar-brand p{color:#ffffff80;font-size:var(--text-xs)}.sidebar-section{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-label{color:#fff6;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-semi)}.lang-buttons{gap:var(--space-2);flex-direction:column;display:flex}.lang-btn{border-radius:var(--radius-md);color:#ffffffb3;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;padding:10px 14px}.lang-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-light)}.lang-btn:hover:not(.active){color:#fff;background:#ffffff1f}.sidebar-actions{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-action-btn{align-items:center;gap:var(--space-3);color:#ffffffbf;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:#ffffff0f;border:1px solid #ffffff14;padding:10px 14px;display:flex}.sidebar-action-btn:hover{color:#fff;background:#ffffff24;transform:translate(4px)}.sidebar-disclaimer{font-size:var(--text-xs);color:#fff6;border-radius:var(--radius-md);background:#ffffff0a;border-left:3px solid #f4a72480;padding:12px;line-height:1.6}.chat-main{background:var(--surface-3);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.chat-header{padding:var(--space-4) var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.chat-header-info{align-items:center;gap:var(--space-2);display:flex}.ai-status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.chat-header-info span{font-weight:var(--font-semi);font-size:var(--text-sm);color:var(--text)}.chat-status-label{color:var(--text-muted);font-weight:var(--font-normal)!important}.chat-header-lang{gap:4px;display:flex}.header-lang-btn{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:6px 12px}.header-lang-btn.active{background:var(--primary-ghost);color:var(--primary);border-color:var(--primary)}.header-lang-btn:hover:not(.active){background:var(--surface-2)}.messages-area{min-height:0;padding:var(--space-6);gap:var(--space-4);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-wrap{align-items:flex-end;gap:var(--space-3);animation:.3s slideUp;display:flex}.message-user{flex-direction:row-reverse}.ai-avatar,.user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.ai-avatar{background:var(--primary-ghost);border:1px solid var(--border)}.user-avatar{background:var(--primary)}.message-bubble{border-radius:var(--radius-xl);word-break:break-word;max-width:70%;padding:14px 18px;position:relative}.bubble-ai{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:var(--radius-xs);box-shadow:var(--shadow-sm)}.bubble-user{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:var(--radius-xs)}.message-content{font-size:var(--text-sm);line-height:1.7}.message-content p{margin:0 0 4px}.message-content li{margin:2px 0 2px 16px;list-style:outside}.bubble-user .message-content{color:#fffffff2}.bubble-ai .message-content{color:var(--text)}.message-actions{border-top:1px solid var(--border);gap:4px;margin-top:8px;padding-top:8px;display:flex}.msg-action-btn{border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast);border:none;padding:4px 8px}.msg-action-btn:hover{background:var(--surface-2)}.typing-bubble{align-items:center;gap:6px;padding:18px;display:flex}.quick-prompts-area{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface)}.quick-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.06em}.quick-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.quick-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:8px 14px}.quick-chip:hover{background:var(--primary-ghost);color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.chat-input-area{padding:var(--space-4) var(--space-6);background:var(--surface);border-top:1px solid var(--border)}.chat-input-wrap{align-items:flex-end;gap:var(--space-3);background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-2xl);transition:border-color var(--transition-fast);padding:12px 12px 12px 18px;display:flex}.chat-input-wrap:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-ghost)}.chat-textarea{resize:none;font-size:var(--text-sm);color:var(--text);max-height:120px;line-height:1.5;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.chat-textarea::placeholder{color:var(--text-faint)}.send-btn{background:var(--gradient-primary);color:#fff;width:40px;height:40px;transition:all var(--transition-fast);box-shadow:var(--shadow-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:not(:disabled):hover{transform:scale(1.05);box-shadow:0 6px 20px #1b4f8a80}.input-hint{font-size:var(--text-xs);color:var(--text-faint);text-align:center;margin-top:8px}@media (width<=768px){.chat-layout{grid-template-columns:1fr}.chat-sidebar{display:none}.chat-header-lang{display:flex}.message-bubble{max-width:85%}}.vendors-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.vendors-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.vendors-grid{grid-template-columns:repeat(2,1fr)}}.vendor-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;padding:24px;transition:transform .3s,box-shadow .3s,background-color .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.vendor-card:hover{background-color:#f0f9ff;border-color:#93c5fd;transform:translateY(-5px)scale(1.02);box-shadow:0 20px 25px -5px #3b82f633,0 10px 10px -5px #3b82f61a}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:32px;animation:.3s modalFadeIn;position:relative;box-shadow:0 25px 50px -12px #00000040}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:24px;transition:color .2s;position:absolute;top:16px;right:16px}.close-btn:hover{color:#111827}:root{--primary:#1b4f8a;--primary-dark:#0f2f52;--primary-light:#2e72c4;--primary-xlight:#5a9fe0;--primary-ghost:#1b4f8a14;--primary-glow:#1b4f8a40;--accent:#00b388;--accent-dark:#086;--accent-light:#00d4a4;--accent-ghost:#00b3881a;--gold:#f4a724;--gold-dark:#d4891a;--gold-ghost:#f4a7241f;--success:#16a34a;--success-light:#dcfce7;--error:#dc2626;--error-light:#fee2e2;--warning:#d97706;--warning-light:#fef3c7;--info:#0284c7;--info-light:#e0f2fe;--background:#f0f4f9;--surface:#fff;--surface-2:#ebf1fa;--surface-3:#f8fafc;--border:#d8e4f0;--border-strong:#b8ceea;--text:#0d1b2a;--text-secondary:#2d4a6a;--text-muted:#6b7c93;--text-faint:#9dafc4;--text-inverse:#fff;--gradient-primary:linear-gradient(135deg, #0f2f52 0%, #1b4f8a 40%, #2e72c4 100%);--gradient-hero:linear-gradient(150deg, #0a1f3a 0%, #0f2f52 30%, #1b4f8a 65%, #2563eb 100%);--gradient-card:linear-gradient(145deg, #ffffffe6, #ebf1fa99);--gradient-accent:linear-gradient(135deg, #00b388, #086);--gradient-gold:linear-gradient(135deg, #f4a724, #d4891a);--gradient-surface:linear-gradient(180deg, #f8fafc, #f0f4f9);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 8px #0f2f5214;--shadow-md:0 4px 16px #0f2f521f;--shadow-lg:0 8px 32px #0f2f5229;--shadow-xl:0 16px 48px #0f2f5233;--shadow-2xl:0 24px 64px #0f2f5240;--shadow-primary:0 4px 20px #1b4f8a66;--shadow-accent:0 4px 20px #00b38866;--shadow-gold:0 4px 16px #f4a72466;--shadow-glow:0 0 40px #2e72c44d;--glass-bg:#ffffff14;--glass-bg-light:#ffffff1f;--glass-border:#ffffff26;--glass-blur:16px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-urdu:"Noto Nastaliq Urdu", serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semi:600;--font-bold:700;--font-black:800;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--container-max:1360px;--navbar-height:68px;--navbar-bg:#ffffffeb;--navbar-bg-scrolled:#fffffff7;--logo-text:var(--primary-dark)}@media (width>=1536px){:root{--container-max:1480px}}@media (width>=1920px){:root{--container-max:1680px}}@media (width>=2560px){:root{--container-max:1920px}}[data-theme=dark]{--background:#0f172a;--surface:#1e293b;--surface-2:#334155;--surface-3:#475569;--border:#334155;--border-strong:#475569;--navbar-bg:#1e293beb;--navbar-bg-scrolled:#1e293bf7;--logo-text:var(--text);--text:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--text-inverse:#0f172a;--primary-ghost:#1b4f8a4d;--glass-bg:#0003;--glass-bg-light:#0000004d;--glass-border:#ffffff0d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--gradient-card:linear-gradient(145deg, #1e293b, #0f172a);--gradient-surface:linear-gradient(180deg, #1e293b, #0f172a)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);background:var(--background);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text)}a{color:var(--primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}@media (width<=640px){.container{padding:0 var(--space-4)}}.page{min-height:100vh;padding-top:var(--navbar-height)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semi);letter-spacing:.01em;transition:all var(--transition-base);white-space:nowrap;padding:12px 24px;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:not(:disabled):hover:after{background:#ffffff14}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #1b4f8a80}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 6px 24px #00b38880}.btn-gold{background:var(--gradient-gold);color:#fff;box-shadow:var(--shadow-gold)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-ghost)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--error);color:#fff}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-md);padding:8px 16px}.btn-lg{font-size:var(--text-base);border-radius:var(--radius-xl);padding:16px 32px}.btn-xl{font-size:var(--text-lg);border-radius:var(--radius-xl);border-radius:50px;padding:18px 36px}.btn-icon{border-radius:var(--radius-md);padding:10px}.card{background:var(--surface);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glass{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semi);align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.badge-primary{background:var(--primary-ghost);color:var(--primary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-gold{background:var(--gold-ghost);color:var(--gold-dark)}.badge-verified{background:var(--accent-ghost);color:var(--accent-dark)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-semi);color:var(--text-secondary)}.form-label span{color:var(--error);margin-left:2px}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text);background:var(--surface);transition:all var(--transition-fast);outline:none;padding:12px 16px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-ghost)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-input.error{border-color:var(--error)}.form-input.error:focus{box-shadow:0 0 0 3px var(--error-light)}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-error{font-size:var(--text-xs);color:var(--error)}.section-tag{align-items:center;gap:var(--space-2);background:var(--primary-ghost);color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semi);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);padding:6px 14px;display:inline-flex}.section-title{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));font-weight:var(--font-black);color:var(--text);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:600px}.divider{background:var(--border);height:1px;margin:var(--space-6) 0}.divider-text{align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.alert{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);gap:var(--space-3);align-items:flex-start;display:flex}.alert-info{background:var(--info-light);color:var(--info);border-left:3px solid var(--info)}.alert-success{background:var(--success-light);color:var(--success);border-left:3px solid var(--success)}.alert-warning{background:var(--warning-light);color:var(--warning);border-left:3px solid var(--warning)}.alert-error{background:var(--error-light);color:var(--error);border-left:3px solid var(--error)}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-lg{border-width:3px;width:40px;height:40px}.spinner-white{border-color:#fff #ffffff4d #ffffff4d}.avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:40px;height:40px;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-base)}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);background:var(--text);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:1000;padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:before{opacity:1}.skeleton{background:linear-gradient(90deg, var(--border) 0%, var(--surface-2) 50%, var(--border) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-wave}.steps{align-items:center;gap:0;display:flex}.step-item{flex:1;align-items:center;display:flex}.step-circle{width:36px;height:36px;font-weight:var(--font-bold);font-size:var(--text-sm);border:2px solid var(--border);background:var(--surface);color:var(--text-muted);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-circle.active{border-color:var(--primary);background:var(--primary);color:#fff}.step-circle.done{border-color:var(--accent);background:var(--accent);color:#fff}.step-line{background:var(--border);flex:1;height:2px;margin:0 8px}.step-line.done{background:var(--accent)}.tabs{background:var(--surface-2);border-radius:var(--radius-lg);gap:2px;padding:4px;display:flex}.tab-item{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:8px 16px}.tab-item.active{background:var(--surface);color:var(--primary);font-weight:var(--font-semi);box-shadow:var(--shadow-sm)}.dropdown{position:relative}.dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2);min-width:200px;box-shadow:var(--shadow-xl);z-index:100;animation:.2s fadeSlideDown;position:absolute;top:calc(100% + 8px);right:0}.dropdown-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;padding:10px 14px;display:flex}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-light)}.empty-state{text-align:center;padding:var(--space-20) var(--space-6)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:56px}.empty-state h3{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state p{color:var(--text-muted);font-size:var(--text-sm);max-width:360px;margin:0 auto var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.text-center{text-align:center}.font-bold{font-weight:var(--font-bold)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.mb-4{margin-bottom:var(--space-4)}.mt-4{margin-top:var(--space-4)}.hidden{display:none}.urdu-text{font-family:var(--font-urdu);text-align:right;direction:rtl;line-height:2}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#0a1428b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-2xl);padding:var(--space-8);width:100%;max-width:480px;box-shadow:var(--shadow-2xl);animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold)}.modal-close{border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;padding:8px}.modal-close:hover{background:var(--surface-2);color:var(--text)}.estamp-action-card{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.estamp-action-card .card-action-btn{pointer-events:none;margin-top:auto;transition:all .35s}.estamp-action-card img{transition:transform .4s}.estamp-card-side:hover{transform:translateY(-8px)scale(1.02);border-color:#00b388!important;box-shadow:0 16px 36px #00b3884d,0 0 20px #00b38833!important}.estamp-card-side:hover .card-action-btn{color:#fff!important;background:linear-gradient(135deg,#00b388,#086)!important;border-color:#00b388!important;box-shadow:0 4px 15px #00b38866!important}.estamp-card-side:hover img{transform:scale(1.06)}.estamp-card-center:hover{transform:translateY(-8px)scale(1.02);border-color:#2563eb!important;box-shadow:0 16px 36px #2563eb4d,0 0 20px #2563eb33!important}.estamp-card-center:hover .card-action-btn{color:#fff!important;background:linear-gradient(135deg,#1b4f8a,#2563eb)!important;border-color:#2563eb!important;box-shadow:0 4px 15px #2563eb66!important}.estamp-card-center:hover img{transform:scale(1.06)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes skeleton-wave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes checkmark{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes ripple{to{opacity:0;transform:scale(4)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes heroGlow{0%,to{opacity:.4}50%{opacity:.7}}@keyframes particleMove{0%{opacity:.6;transform:translate(0)scale(1)}to{transform:translate(var(--tx,20px), var(--ty,-20px)) scale(0);opacity:0}}.animate-fade-in{animation:.4s both fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.34,1.2,.64,1) both slideUp}.animate-slide-right{animation:.4s both slideInRight}.animate-slide-left{animation:.4s both slideInLeft}.animate-float{animation:5s ease-in-out infinite float}.animate-float-slow{animation:4s ease-in-out infinite floatSlow}.animate-bounce{animation:2s ease-in-out infinite bounce}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:.8s linear infinite spin}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.hover-lift{transition:transform var(--transition-base), box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.typing-dot{background:var(--primary-light);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dotBounce;display:inline-block}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.page-enter{animation:.3s both fadeIn}.success-checkmark{animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both checkmark}.particle{pointer-events:none;border-radius:50%;animation:6s linear infinite particleMove;position:absolute}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{background:linear-gradient(135deg,#00b388,#2e72c4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-primary{box-shadow:var(--shadow-glow)}.glow-on-hover{transition:box-shadow var(--transition-base)}.glow-on-hover:hover{box-shadow:var(--shadow-glow)}.hero-orb{filter:blur(80px);border-radius:50%;animation:4s ease-in-out infinite heroGlow;position:absolute}