@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#faf9f6;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--primary:#059669;--primary-hover:#047857;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--grad-multicolor:linear-gradient(135deg, #4f46e5 0%, #7c3aed 35%, #ec4899 70%, #059669 100%);--grad-sunset:linear-gradient(135deg, #ff512f 0%, #dd2476 100%);--grad-ocean:linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #6366f1 100%);--grad-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-purple:linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--grad-royal:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--shadow-multicolor:0 10px 25px -5px #6366f126;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}.text-gradient-multicolor{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 40%,#ec4899 70%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-emerald{background:linear-gradient(135deg,#059669 0%,#10b981 50%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.bg-multicolor-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#10b981,#3b82f6);width:100%;height:4px}.multicolor-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 10px 25px -5px #0f172a0d}.multicolor-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 15px 30px -10px #6366f126}.badge-multicolor{color:#3730a3;background:#6366f114;border:1px solid #6366f133;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-main);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .15s}button{cursor:pointer;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.card,.glass-panel{background-color:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal);padding:2rem}.hover-elevate:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#111827b3;border:1px solid #ffffff1a}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background-color:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{background-color:#f9fafb;border-color:#d1d5db}.btn-secondary:active{background-color:#f3f4f6}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{border:1px solid var(--border-color);width:100%;height:48px;color:var(--text-main);background-color:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:8px;outline:none;padding:0 1rem;font-family:inherit;font-size:.95rem;transition:all .15s}.input-field::placeholder{color:#9ca3af}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #78716c26}textarea.input-field{resize:vertical;height:auto;min-height:120px;padding:.75rem 1rem}.nav-pill{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.nav-pill:hover{color:var(--text-main);background-color:#78716c0d}.nav-pill.active{color:var(--primary);background-color:#78716c1a;font-weight:600}.animate-float{animation:none}@media print{body *{visibility:hidden}.print-container,.print-container *{visibility:visible}.print-container{width:100%;box-shadow:none;margin:0;padding:0;position:absolute;top:0;left:0;transform:none!important}@page{margin:0;size:A4 portrait}}@media (width<=992px){.container{padding:0 1rem}.hero-grid{text-align:center;grid-template-columns:1fr!important;padding-top:3rem!important;padding-bottom:3rem!important}.hero-title{font-size:2.5rem!important}.hero-actions{justify-content:center!important}.hero-preview{display:none!important}header{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem!important}header nav{display:none!important}.mobile-view-toggle{display:flex!important}.builder-layout.mobile-tab-edit .builder-preview-area{display:none!important}.builder-layout.mobile-tab-edit .editor-container{flex:100%!important;width:100%!important;display:flex!important}.builder-layout.mobile-tab-preview .editor-container{display:none!important}.builder-layout.mobile-tab-preview .builder-preview-area{flex:100%!important;width:100%!important;display:flex!important}.editor-container>div{padding:1.5rem 1.25rem 100px!important}.input-row{flex-direction:column!important;gap:1rem!important}}@media (width>=901px){.mobile-view-toggle{display:none!important}}@media (width<=480px){.hero-title{font-size:2rem!important}}