@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--font-heading:"Space Grotesk",sans-serif;--font-body:"Outfit",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-card:rgba(20,20,23,.75);--bg-card-solid:#151517;--bg-card-hover:#1e1e22;--bg-input:#0e0e10;--bg-glass:rgba(20,20,23,.5);--text-primary:#fafaf9;--text-secondary:#a8a29e;--text-muted:#57534e;--accent:#f59e0b;--accent-hover:#fbbf24;--accent-muted:rgba(245,158,11,.12);--accent-glow:rgba(245,158,11,.25);--secondary:#10b981;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--border:hsla(24,5%,64%,.08);--border-hover:rgba(245,158,11,.3);--shadow-sm:0 2px 8px rgba(0,0,0,.5);--shadow-md:0 12px 40px rgba(0,0,0,.6);--shadow-glow:0 0 60px rgba(245,158,11,.12);--gradient-primary:linear-gradient(135deg,#f59e0b,#10b981);--gradient-bg:linear-gradient(180deg,#0a0a0b,#0f0e0c 50%,#0a0a0b);--gradient-card:linear-gradient(135deg,rgba(245,158,11,.04),rgba(16,185,129,.02));--navbar-bg:rgba(10,10,11,.85)}[data-theme=light]{--bg-primary:#faf9f7;--bg-secondary:#fff;--bg-card:hsla(0,0%,100%,.85);--bg-card-solid:#fff;--bg-card-hover:#f5f3f0;--bg-input:#f5f3f0;--bg-glass:hsla(0,0%,100%,.65);--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--accent:#d97706;--accent-hover:#f59e0b;--accent-muted:rgba(217,119,6,.08);--accent-glow:rgba(217,119,6,.15);--secondary:#059669;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--border:rgba(28,25,23,.07);--border-hover:rgba(217,119,6,.3);--shadow-sm:0 2px 8px rgba(28,25,23,.05);--shadow-md:0 12px 40px rgba(28,25,23,.08);--shadow-glow:0 0 60px rgba(217,119,6,.06);--gradient-primary:linear-gradient(135deg,#d97706,#059669);--gradient-bg:linear-gradient(180deg,#faf9f7,#f0ede8 50%,#faf9f7);--gradient-card:linear-gradient(135deg,rgba(217,119,6,.03),rgba(5,150,105,.02));--navbar-bg:hsla(40,23%,97%,.88)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}h1,h2,h3,h4{font-family:var(--font-heading)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none}button,input,select,textarea{font-family:var(--font-body);outline:none}.theme-toggle{width:40px;height:40px;border-radius:50%;background:var(--bg-card-solid);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition)}.theme-toggle:hover{border-color:var(--accent);transform:rotate(30deg);box-shadow:0 0 20px var(--accent-glow)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 40px;height:64px;justify-content:space-between;background:var(--navbar-bg);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border);transition:background var(--transition)}.navbar,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:10px;font-family:var(--font-heading);font-size:1.3rem;font-weight:700}.navbar-logo .logo-icon{width:32px;height:32px;border-radius:8px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.navbar-logo span{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar-links{display:flex;gap:32px;align-items:center}.navbar-links a{color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:color var(--transition);position:relative}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition);border-radius:1px}.navbar-links a:hover:after{transform:scaleX(1)}.navbar-actions{display:flex;gap:10px;align-items:center}.btn{padding:10px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:all var(--transition);display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%)}.btn-secondary{background:var(--bg-card-solid);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--accent-muted)}.btn-danger{background:rgba(239,68,68,.1);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:rgba(239,68,68,.15)}.btn-lg{padding:14px 32px;font-size:1rem;border-radius:var(--radius-md)}.btn-sm{padding:6px 14px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 40px 80px;background:var(--gradient-bg);position:relative;overflow:hidden}.hero:before{width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0,transparent 70%);top:20%;left:50%;transform:translate(-50%,-50%);animation:float 8s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none}.hero:after{width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.15) 0,transparent 70%);bottom:10%;right:15%;animation:float 8s ease-in-out 4s infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;background:var(--accent-muted);border:1px solid var(--border-hover);border-radius:50px;font-size:.85rem;color:var(--accent-hover);margin-bottom:28px;z-index:1;font-weight:500;letter-spacing:.3px}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-size:4rem;font-weight:800;line-height:1.08;max-width:750px;margin-bottom:20px;z-index:1;letter-spacing:-1.5px}.hero h1 .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.15rem;color:var(--text-secondary);max-width:560px;margin-bottom:40px;z-index:1;line-height:1.7}.hero-actions{display:flex;gap:14px;z-index:1}.hero .grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.5;pointer-events:none}.section{padding:100px 40px;max-width:1180px;margin:0 auto}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:2.6rem;font-weight:800;margin-bottom:14px;letter-spacing:-.8px}.section-title p{color:var(--text-secondary);font-size:1.1rem;max-width:560px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:20px;gap:20px}.feature-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .4s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:var(--gradient-card);opacity:0;transition:opacity .4s}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s;transform-origin:left}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.feature-card:hover:before{opacity:1}.feature-card:hover:after{transform:scaleX(1)}.feature-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;background:var(--accent-muted);position:relative;z-index:1}.feature-card h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;position:relative;z-index:1}.feature-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.7;position:relative;z-index:1}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--gradient-bg)}.auth-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px;width:100%;max-width:420px;box-shadow:var(--shadow-md)}.auth-card h1{font-size:1.8rem;font-weight:800;margin-bottom:6px;text-align:center;letter-spacing:-.5px}.auth-card .auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:.92rem}.auth-card .btn{width:100%;justify-content:center}.auth-footer{text-align:center;margin-top:24px;color:var(--text-muted);font-size:.88rem}.auth-footer a{color:var(--accent-hover);font-weight:600}.error-message{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:var(--danger);padding:12px 16px;border-radius:var(--radius-sm);font-size:.88rem}.error-message,.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.92rem;transition:border-color var(--transition),background var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);background:var(--bg-card-solid)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:100px;resize:vertical}.dashboard{padding:96px 40px 40px;max-width:1180px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.dashboard-header h1{font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:36px}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:all var(--transition)}.stat-card:hover{border-color:var(--border-hover)}.stat-card .stat-label{color:var(--text-muted);font-size:.82rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-card .stat-value{font-size:2rem;font-weight:800;font-family:var(--font-heading)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px}.tool-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:all var(--transition);cursor:pointer}.tool-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.tool-card h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}.tool-card p{color:var(--text-secondary);font-size:.85rem;margin-bottom:14px}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--border)}.tool-card-footer span{color:var(--text-muted);font-size:.78rem}.builder-layout{padding:80px 0 0;display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 80px)}.builder-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);padding:24px;overflow-y:auto;max-height:calc(100vh - 80px);transition:background var(--transition)}.builder-sidebar h2{font-size:1.1rem;font-weight:700;margin-bottom:16px}.builder-main{padding:28px;overflow-y:auto;max-height:calc(100vh - 80px)}.field-type-btn{width:100%;padding:10px 14px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;text-align:left;display:flex;align-items:center;gap:10px;margin-bottom:8px;transition:all var(--transition)}.field-type-btn:hover{border-color:var(--accent);background:var(--accent-muted)}.builder{padding-top:64px;min-height:100vh}.builder-header{padding:32px 40px 24px;border-bottom:1px solid var(--border);background:var(--bg-secondary);max-width:1200px;margin:0 auto}.builder-header h1{font-size:1.6rem;font-weight:700;margin-bottom:4px}.builder-header p{color:var(--text-secondary);font-size:.92rem}.ai-generator{padding:28px 40px;border-bottom:1px solid var(--border);background:var(--bg-card);max-width:1200px;margin:0 auto}.ai-generator h2{font-size:1.15rem;font-weight:700;margin-bottom:4px}.ai-generator p{color:var(--text-secondary);font-size:.88rem;margin-bottom:14px}.ai-input-group{display:flex;gap:12px}.ai-input-group input{flex:1 1;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.92rem;transition:border-color var(--transition)}.ai-input-group input:focus{border-color:var(--accent)}.ai-input-group input::placeholder{color:var(--text-muted)}.builder-content{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;min-height:calc(100vh - 250px)}.builder-panel{padding:28px 32px;overflow-y:auto}.builder-panel:first-child{border-right:1px solid var(--border)}.builder-panel h2{font-size:1.1rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.field-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition)}.field-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.field-card-info{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:500}.field-type-badge{background:var(--accent-muted);color:var(--accent);padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.field-card-actions{display:flex;gap:8px}.field-card-actions button.delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-muted);background:transparent;border:1px solid transparent;transition:all var(--transition)}.field-card-actions button.delete:hover{color:var(--danger);background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.preview-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;max-width:600px;margin:0 auto;box-shadow:var(--shadow-md)}.preview-form h3{font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center}.preview-form .desc{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:.95rem}.modal-overlay{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:500px;box-shadow:var(--shadow-md);animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{font-size:1.3rem;margin-bottom:24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.checkbox-group span{font-size:.9rem;font-weight:500}.view-page{padding:100px 20px 40px;max-width:800px;margin:0 auto;min-height:100vh}.view-page h1{font-size:2.2rem;font-weight:800}.view-page .desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px;line-height:1.6}.success-message{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:var(--success);padding:20px;border-radius:var(--radius-md);display:flex;align-items:center;font-weight:600}.data-table-container{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);margin-top:20px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--bg-card)}.data-table td,.data-table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--bg-card-hover)}@media (max-width:768px){.builder-content{grid-template-columns:1fr}.builder-panel:first-child{border-right:none;border-bottom:1px solid var(--border)}.ai-generator,.builder-header{padding-left:20px;padding-right:20px}.ai-input-group{flex-direction:column}}.field-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;transition:all var(--transition)}.field-preview:hover{border-color:var(--border-hover)}.field-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-preview-header h4{font-size:.9rem;font-weight:600}.chat-container{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.chat-messages{padding:24px;max-height:500px;overflow-y:auto}.chat-message{margin-bottom:16px;display:flex;flex-direction:column}.chat-message.ai{align-items:flex-start}.chat-message.user{align-items:flex-end}.chat-bubble{max-width:80%;padding:14px 20px;border-radius:16px;font-size:.92rem;line-height:1.65}.chat-message.ai .chat-bubble{background:var(--bg-secondary);color:var(--text-secondary);border-bottom-left-radius:4px}.chat-message.user .chat-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.chat-input-area{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.chat-input-area input{flex:1 1;padding:11px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.92rem;transition:border-color var(--transition)}.chat-input-area input:focus{border-color:var(--accent)}.chat-input-area input::placeholder{color:var(--text-muted)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{font-size:1.15rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-state p{font-size:.9rem;margin-bottom:24px}.loading-spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.template-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;text-align:center;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;color:inherit}.template-card:before{content:"";position:absolute;inset:0;background:var(--gradient-card);opacity:0;transition:opacity .4s}.template-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.template-card:hover:before{opacity:1}.template-card .template-icon{font-size:2rem;margin-bottom:14px;position:relative;z-index:1}.template-card h3{font-size:1rem;font-weight:700;margin-bottom:4px;position:relative;z-index:1}.template-card p{color:var(--text-secondary);font-size:.85rem;position:relative;z-index:1}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;max-width:980px;margin:0 auto}.pricing-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;transition:all .4s ease;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border);transition:background .4s}.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 40px var(--accent-glow)}.pricing-card.featured:before{background:var(--gradient-primary)}.pricing-card h3{font-size:1.3rem;font-weight:800;margin-bottom:4px}.pricing-price{font-size:2.8rem;font-weight:800;font-family:var(--font-heading);margin:20px 0}.pricing-price span{font-size:1rem;font-weight:500;color:var(--text-muted)}.pricing-features{list-style:none;padding:0;margin:0 0 28px}.pricing-features li{padding:8px 0;color:var(--text-secondary);font-size:.92rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.pricing-features li:before{content:"✓";color:var(--accent);font-weight:700;font-size:.85rem}.stats-section{padding-top:0;padding-bottom:0}.stats-banner{display:flex;justify-content:center;align-items:center;gap:40px;padding:40px 48px;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:900px;margin:-40px auto 0;position:relative;z-index:2;box-shadow:var(--shadow-md)}.stat-item-hero{text-align:center}.stat-value-hero{font-size:2.4rem;font-weight:800;font-family:var(--font-heading);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label-hero{color:var(--text-muted);font-size:.85rem;font-weight:500;margin-top:4px}.stat-divider{width:1px;height:48px;background:var(--border)}.hero-trust{display:flex;align-items:center;gap:12px;margin-top:48px;z-index:1;color:var(--text-muted);font-size:.88rem}.hero-avatars{display:flex;margin:0 4px}.hero-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-card-solid);border:2px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-left:-8px}.hero-avatar:first-child{margin-left:0}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:24px;gap:24px}.step-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.step-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.step-number{font-family:var(--font-heading);font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.25;line-height:1;margin-bottom:8px}.step-icon{font-size:2rem;margin-bottom:16px}.step-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.step-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.testimonial-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .4s ease}.testimonial-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.testimonial-stars{color:var(--accent);font-size:1.1rem;letter-spacing:2px;margin-bottom:16px}.testimonial-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:20px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-muted);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.testimonial-author strong{display:block;font-size:.9rem}.testimonial-author span{color:var(--text-muted);font-size:.82rem}.faq-container{max-width:720px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;cursor:pointer;overflow:hidden;transition:all var(--transition)}.faq-item.open,.faq-item:hover{border-color:var(--border-hover)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-weight:600;font-size:.95rem}.faq-icon{font-size:1.3rem;color:var(--accent);font-weight:700;min-width:24px;text-align:center}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 24px}.faq-item.open .faq-answer{max-height:200px;padding:0 24px 18px}.faq-answer p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.pricing-badge{position:absolute;top:14px;right:14px;background:var(--gradient-primary);color:#fff;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px}.cta-section{padding:100px 40px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:var(--gradient-card);opacity:.6}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:2.6rem;font-weight:800;margin-bottom:14px;letter-spacing:-.8px}.cta-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.footer{padding:60px 40px 30px;border-top:1px solid var(--border)}.footer-content{max-width:1180px;display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto 40px}.footer-logo{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;display:block}.footer-brand p{color:var(--text-muted);font-size:.88rem;max-width:260px}.footer-links{display:flex;gap:60px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px}.footer-col a{color:var(--text-muted);font-size:.88rem;transition:color var(--transition)}.footer-col a:hover{color:var(--accent)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--border)}.footer-bottom p{color:var(--text-muted);font-size:.82rem}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;width:-moz-fit-content;width:fit-content}.settings-tab{padding:10px 20px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--text-secondary);background:transparent;transition:all var(--transition)}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{background:var(--accent-muted);color:var(--accent)}.settings-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.settings-panel h2{font-size:1.2rem;font-weight:700;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}.usage-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.usage-card-header{display:flex;justify-content:space-between;margin-bottom:12px}.usage-label{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.usage-count{font-size:.82rem;font-weight:600;color:var(--text-muted)}.usage-bar{height:8px;background:var(--bg-input);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .6s ease}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.onboarding-modal{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;max-width:500px;width:100%;box-shadow:var(--shadow-md);position:relative;animation:slideUp .4s ease-out}.onboarding-icon{font-size:3rem;margin-bottom:20px;background:var(--accent-muted);width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-hover)}.onboarding-modal h2{font-size:1.6rem;font-weight:800;margin-bottom:12px}.onboarding-modal p{color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.onboarding-steps{display:flex;flex-direction:column;gap:20px}.onb-step{display:flex;align-items:flex-start;gap:16px;background:var(--bg-card);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border)}.onb-step-num{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.onb-step h4{font-size:.95rem;font-weight:700;margin-bottom:4px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-status{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:.3px}.tool-status.published{background:rgba(16,185,129,.12);color:var(--secondary)}.tool-status.draft{background:var(--accent-muted);color:var(--accent)}.tool-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.tool-card-icon{font-size:1.5rem}@media (max-width:768px){.navbar{padding:0 20px}.navbar-links{display:none}.hero{padding:100px 20px 60px}.hero h1{font-size:2.4rem}.hero-actions{flex-direction:column;width:100%}.hero-trust{flex-direction:column;gap:8px}.section{padding:60px 20px}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr;gap:16px}.testimonials-grid{grid-template-columns:1fr}.stats-banner{flex-wrap:wrap;gap:24px;padding:24px}.stat-divider{display:none}.pricing-grid{grid-template-columns:1fr;max-width:400px}.cta-content h2{font-size:1.8rem}.footer-content{flex-direction:column;gap:32px}.dashboard{padding:80px 20px 20px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.builder-layout{grid-template-columns:1fr}.builder-sidebar{max-height:none}.auth-card{padding:32px 20px}.builder-content{grid-template-columns:1fr}.builder-panel:first-child{border-right:none;border-bottom:1px solid var(--border)}.ai-generator,.builder-header{padding-left:20px;padding-right:20px}.ai-input-group{flex-direction:column}}.filter-bar{display:flex;gap:12px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.filter-search{flex:1 1;min-width:200px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .3s}.filter-search:focus{outline:none;border-color:var(--primary)}.filter-select{padding:10px 14px;color:var(--text);font-family:inherit;font-size:.85rem;cursor:pointer}.activity-feed,.filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.activity-feed{padding:20px;margin-bottom:24px}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-main);border-radius:var(--radius-sm);border:1px solid var(--border);transition:background .2s}.activity-item:hover{background:var(--accent-muted)}.activity-icon{font-size:1.3rem;flex-shrink:0}.activity-info{display:flex;justify-content:space-between;align-items:center;flex:1 1;font-size:.88rem}.activity-time{color:var(--text-muted);font-size:.8rem;flex-shrink:0}.drag-handle{cursor:-webkit-grab;cursor:grab;color:var(--text-muted);font-size:1.1rem;padding:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s}.drag-handle:hover{color:var(--primary)}.field-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.field-card[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing;opacity:.7;border-color:var(--primary)}.preview-theme-toggle{display:flex;gap:4px;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.ptg-btn{padding:4px 10px;border:none;background:transparent;color:var(--text-muted);border-radius:4px;cursor:pointer;font-size:.8rem;font-family:inherit;transition:all .2s}.ptg-btn.active{background:var(--primary);color:#fff}.preview-dark{background:#0f0f0f!important;color:#f0f0f0!important;border-color:#333!important}.preview-dark input,.preview-dark select,.preview-dark textarea{background:#1a1a1a!important;color:#f0f0f0!important;border-color:#333!important}.preview-dark label{color:#ccc!important}.preview-light{background:#fff!important;color:#1a1a1a!important;border-color:#e5e7eb!important}.preview-light input,.preview-light select,.preview-light textarea{background:#f9fafb!important;color:#1a1a1a!important;border-color:#e5e7eb!important}.preview-light label{color:#374151!important}.ai-suggestions{background:var(--accent-muted);border:1px solid var(--border-hover);border-radius:var(--radius-md);padding:20px;margin-bottom:24px;margin-left:40px;margin-right:40px}.ai-suggestions h3{margin-bottom:12px;font-size:1.05rem}.suggestions-list{display:flex;flex-direction:column;gap:10px}.suggestion-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm)}.suggestion-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.analytics-period{display:flex;gap:8px}.analytics-chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}.analytics-chart-container h3{margin-bottom:16px;font-size:1rem}.analytics-breakdowns{margin-bottom:24px}.analytics-breakdowns h3{margin-bottom:16px}.breakdowns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.breakdown-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.breakdown-card h4{margin-bottom:14px;font-size:.95rem}.breakdown-bars{gap:10px}.breakdown-bars,.breakdown-item{display:flex;flex-direction:column}.breakdown-item{gap:4px}.breakdown-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-secondary)}.breakdown-bar{height:8px;background:var(--bg-main);border-radius:4px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.embed-container{display:flex;justify-content:center;padding:24px;min-height:100vh;background:var(--bg-main)}.embed-form{width:100%;max-width:560px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.field-error{display:block;color:var(--danger);font-size:.8rem;margin-top:4px}.selected-row{background:var(--accent-muted)!important}@media (max-width:768px){.filter-bar{flex-direction:column}.filter-search{min-width:100%}.activity-info{flex-direction:column;align-items:flex-start;gap:4px}.ai-suggestions{margin-left:20px;margin-right:20px}.suggestion-card{flex-direction:column;align-items:flex-start}.analytics-period{flex-wrap:wrap}.breakdowns-grid{grid-template-columns:1fr}}.custom-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.custom-dialog{background:var(--bg-card-solid,#fff);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px 28px;max-width:420px;width:90%;text-align:center;animation:dialogSlideUp .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px rgba(0,0,0,.3)}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-dialog-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 16px}.custom-dialog-icon.danger{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.08));border:2px solid rgba(239,68,68,.25)}.custom-dialog-icon.warning{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.08));border:2px solid rgba(245,158,11,.25)}.custom-dialog-icon.info{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(99,102,241,.08));border:2px solid rgba(99,102,241,.25)}.custom-dialog-icon.success{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.08));border:2px solid rgba(16,185,129,.25)}.custom-dialog-title{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:var(--text)}.custom-dialog-message{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin-bottom:24px}.custom-dialog-actions{display:flex;gap:10px;justify-content:center}.custom-dialog-btn{min-width:110px;justify-content:center;padding:10px 20px!important;font-weight:600;border-radius:var(--radius-md)!important;transition:all .2s}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(239,68,68,.35)}.custom-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;z-index:10001;cursor:pointer;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:380px}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(60px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.custom-toast.success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:1px solid rgba(16,185,129,.3)}.custom-toast.error{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:1px solid rgba(239,68,68,.3)}.custom-toast.warning{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border:1px solid rgba(245,158,11,.3)}.custom-toast.info{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:1px solid rgba(99,102,241,.3)}.custom-toast-icon{font-size:1.1rem;flex-shrink:0}@media (max-width:768px){.custom-dialog{padding:28px 20px 24px;max-width:340px}.custom-toast{bottom:16px;right:16px;left:16px;max-width:none}}