:root{--bg-light-base:#f8fafc;--bg-light-surface:#fff;--bg-light-card:#fff;--primary-hue:224;--primary:hsl(var(--primary-hue),76%,48%);--primary-dark:hsl(var(--primary-hue),85%,30%);--primary-glow:hsla(var(--primary-hue),76%,48%,0.06);--secondary-hue:262;--secondary:hsl(var(--secondary-hue),76%,54%);--secondary-dark:hsl(var(--secondary-hue),85%,36%);--secondary-glow:hsla(var(--secondary-hue),76%,54%,0.06);--accent-hue:336;--accent:hsl(var(--accent-hue),76%,50%);--accent-dark:hsl(var(--accent-hue),85%,35%);--accent-glow:hsla(var(--accent-hue),76%,50%,0.12);--text-main:#0f172a;--text-muted:#475569;--text-dark:#64748b;--border-light:#e2e8f0;--border-focus:hsla(var(--secondary-hue),76%,54%,0.35);--font-title:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s ease;--shadow-card:0 4px 6px -1px rgba(0,0,0,.04),0 2px 4px -2px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.02);--shadow-panel:0 10px 15px -3px rgba(0,0,0,.04),0 4px 6px -4px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.02);--shadow-button:0 4px 12px rgba(37,99,235,.15);--shadow-button-accent:0 4px 12px rgba(219,39,119,.18);--shadow-button-secondary:0 4px 12px rgba(124,58,237,.15);--glass-backdrop:blur(12px)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:var(--bg-light-base);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.025em;color:var(--text-main)}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light-base)}::-webkit-scrollbar-thumb{background:rgba(15,23,42,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-light-surface);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-panel);transition:var(--transition-smooth)}.editable-element{position:relative;transition:outline .15s ease,box-shadow .15s ease}.editable-element:hover{outline:2px dashed #3b82f6!important;outline-offset:2px}.editable-element.is-selected{outline:2px solid #f59e0b!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(245,158,11,.25)}.editable-element.is-selected:after{content:attr(data-element-tag);position:absolute;top:-24px;left:0;background:#f59e0b;color:#0f172a;font-family:monospace;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;z-index:50;pointer-events:none;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.3)}[contenteditable=true]{outline:2px solid #3b82f6!important;outline-offset:2px;background-color:rgba(59,130,246,.08)!important;border-radius:4px;cursor:text!important}.is-dragging{opacity:.4;border:2px dashed #f59e0b!important}.canvas-container{transition:width .3s cubic-bezier(.4,0,.2,1)}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(245,158,11,.7)}70%{transform:scale(1);box-shadow:0 0 0 12px rgba(245,158,11,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(245,158,11,0)}}.pulse-gold{animation:pulse-ring 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-delayed{animation:float 4s ease-in-out 2s infinite}.is-mobile-view .grid,.is-mobile-view .grid-cols-2,.is-mobile-view .grid-cols-3,.is-mobile-view .grid-cols-4,.is-mobile-view .lg\:grid-cols-12,.is-mobile-view .lg\:grid-cols-3,.is-mobile-view .lg\:grid-cols-4,.is-mobile-view .md\:grid-cols-2,.is-mobile-view .md\:grid-cols-3,.is-mobile-view .md\:grid-cols-4,.is-mobile-view .sm\:grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:1.25rem!important}.is-mobile-view .hidden.lg\:flex,.is-mobile-view .hidden.md\:flex,.is-mobile-view .hidden.sm\:flex{display:none!important}.is-mobile-view .lg\:hidden{display:block!important}.is-mobile-view h1{font-size:1.75rem!important;line-height:2.25rem!important}.is-mobile-view h2{font-size:1.5rem!important;line-height:2rem!important}.is-mobile-view h3{font-size:1.25rem!important}.is-mobile-view p{font-size:.8125rem!important;line-height:1.35rem!important}.is-mobile-view section{padding:2.5rem 1rem!important}.is-tablet-view .grid-cols-3,.is-tablet-view .grid-cols-4,.is-tablet-view .lg\:grid-cols-12,.is-tablet-view .lg\:grid-cols-3,.is-tablet-view .lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.5rem!important}.is-tablet-view section{padding:3.5rem 1.5rem!important}.glass-card{background:var(--bg-light-card);border:1px solid var(--border-light);border-radius:8px;padding:30px;box-shadow:var(--shadow-card);transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.2);box-shadow:0 12px 24px -10px rgba(124,58,237,.12),0 0 0 1px rgba(124,58,237,.04)}.glowing-mesh{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.035) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.035) 0,transparent 40%)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:12px 28px;border-radius:6px;font-family:var(--font-title);font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-button);transition:var(--transition-smooth)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.25);filter:brightness(1.05)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-accent{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;padding:12px 28px;border-radius:6px;font-family:var(--font-title);font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-button-accent);transition:var(--transition-smooth)}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(219,39,119,.3);filter:brightness(1.05)}.btn-accent:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:#fff;padding:12px 28px;border-radius:6px;font-family:var(--font-title);font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-button-secondary);transition:var(--transition-smooth)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(124,58,237,.25);filter:brightness(1.05)}.btn-secondary:disabled{opacity:.7;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:var(--bg-light-surface);color:var(--text-main);padding:11px 27px;border-radius:6px;font-family:var(--font-title);font-weight:600;border:1px solid var(--border-light);cursor:pointer;transition:var(--transition-smooth)}.btn-outline:hover:not(:disabled){background:var(--bg-light-base);border-color:var(--text-dark);transform:translateY(-1px)}.gradient-text{background:linear-gradient(135deg,var(--primary-dark) 20%,var(--primary) 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-accent{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}input,select,textarea{background:var(--bg-light-surface);border:1px solid var(--border-light);padding:12px;border-radius:6px;color:var(--text-main);font-family:inherit;font-size:14px;outline:none;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--border-focus)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-animate{animation:modal-fade-in .2s cubic-bezier(.16,1,.3,1) forwards}.main-content{flex:1 0 auto;padding-top:135px;display:flex;flex-direction:column;transition:var(--transition-smooth)}.responsive-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:20px!important;gap:20px!important}.responsive-grid-3{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;grid-gap:24px!important;gap:24px!important}.responsive-grid-autofit-280{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;grid-gap:24px!important;gap:24px!important}.responsive-grid-autofit-300{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;grid-gap:24px!important;gap:24px!important}.responsive-grid-autofit-320{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;grid-gap:24px!important;gap:24px!important}.responsive-grid-autofit-350{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important;grid-gap:24px!important;gap:24px!important}@media (max-width:1024px){.main-content{padding-top:72px!important}}@media (max-width:900px){.responsive-grid-3{grid-template-columns:1fr 1fr!important}}@media (max-width:768px){.responsive-grid-2,.responsive-grid-3,.responsive-grid-autofit-280,.responsive-grid-autofit-300,.responsive-grid-autofit-320,.responsive-grid-autofit-350{grid-template-columns:1fr!important;gap:16px!important}.responsive-grid-2>*,.responsive-grid-3>*,.responsive-grid-autofit-280>*,.responsive-grid-autofit-300>*,.responsive-grid-autofit-320>*,.responsive-grid-autofit-350>*{grid-column:span 1!important}.glass-panel{padding:24px 16px!important}.glass-card{padding:20px!important}h1{font-size:32px!important}h2{font-size:24px!important}h3{font-size:20px!important}}@media (max-width:480px){.btn-accent,.btn-outline,.btn-primary,.btn-secondary{width:100%!important;justify-content:center!important}}