:root{--bg-dark:#0f1117;--bg-card:#1a1d27;--bg-input:#000;--primary:#6366f1;--primary-light:#818cf8;--text-main:#f8fafc;--text-dim:#94a3b8;--border-color:#2e3344;--accent-green:#10b981;--transition:.3s cubic-bezier(.4, 0, .2, 1);--p-container:clamp(1rem, 3vw, 2rem);--s-section:clamp(2rem, 6vh, 4rem)}@media (prefers-color-scheme:light){:root{--bg-dark:#f8fafc;--bg-card:#fff;--bg-input:#f1f5f9;--primary:#4f46e5;--primary-light:#6366f1;--text-main:#0f172a;--text-dim:#64748b;--border-color:#e2e8f0}}*{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{display:none}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}.container{width:100%;max-width:1200px;padding:0 var(--p-container);margin:0 auto}input,textarea,select{outline:none;color:var(--text-main)!important;background-color:var(--bg-input)!important;font-size:16px!important}.card-pro{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition);border-radius:24px;padding:clamp(1.5rem,5vw,2.5rem);overflow:hidden;box-shadow:0 4px 20px #0000000d}.btn-studio{cursor:pointer;white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:.8rem 1.8rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-studio-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);box-shadow:0 4px 15px #6366f14d;color:#fff!important}.btn-studio-outline{border:1px solid var(--border-color);color:var(--text-main);background:0 0}.hide-mobile{display:flex}.show-mobile{display:none}@media (width<=1024px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@media (width<=768px){.responsive-grid{width:100%;grid-template-columns:1fr!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.5s forwards fadeIn}.spin{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}