:root{--bg-dark:#07090e;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-teal:#2dd4bf;--accent-blue:#38bdf8;--accent-amber:#fbbf24;--accent-purple:#a855f7;--glass-bg:#0f172a73;--glass-border:#ffffff14;--glass-border-hover:#ffffff29;--glass-highlight:#ffffff08;--shadow-lg:0 20px 40px -15px #00000080;--shadow-inner:inset 0 2px 4px 0 #ffffff0d;--font-sans:"Assistant", "Rubik", system-ui, -apple-system, sans-serif;--font-heading:"Rubik", "Assistant", system-ui, -apple-system, sans-serif;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{direction:rtl;background-color:#0000;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}#root{border:none;flex-direction:column;width:100%;max-width:100%;min-height:100dvh;margin:0;padding:0;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;margin-top:0;font-weight:700}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent-teal);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--accent-blue)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}body{direction:rtl;background-color:#0000;min-height:100dvh;margin:0;padding:0;overflow:hidden}.video-bg-container{z-index:-2;background:radial-gradient(circle,#101426 0%,#07090e 100%);width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.video-bg{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.glass-overlay{z-index:2;pointer-events:none;background:linear-gradient(#00000073 0%,#0000 20% 80%,#0000008c 100%);position:absolute;inset:0}.ambient-glow-1{filter:blur(50px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#2dd4bf1f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:20s ease-in-out infinite alternate float-slow;position:fixed;top:15%;left:10%}.ambient-glow-2{filter:blur(50px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#a855f714 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:25s ease-in-out infinite alternate-reverse float-slow;position:fixed;bottom:10%;right:5%}.app-container{box-sizing:border-box;z-index:1;flex-direction:column;justify-content:space-between;align-items:center;height:100dvh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.top-spacer{flex-grow:1;max-height:8vh}.bento-grid{grid-template:"form brand brand""form specialties social"/1.15fr 1fr 1fr;gap:1.25rem;width:100%;max-width:960px;margin:0 auto;animation:1.2s cubic-bezier(.16,1,.3,1) both fadeInUp;display:grid}.bento-card{-webkit-backdrop-filter:blur(28px);box-shadow:var(--shadow-lg), var(--shadow-inner);background:linear-gradient(135deg,#0e121ec7 0%,#080a12e0 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;padding:2.25rem 2rem;display:flex;position:relative;overflow:hidden}.bento-brand{grid-area:brand;justify-content:flex-start;gap:1rem;padding:2rem 2.25rem}.bento-form-card{grid-area:form;padding:2.5rem 2rem}.bento-specialties{grid-area:specialties;justify-content:flex-start;padding:1.5rem 1.75rem}.bento-social{grid-area:social;justify-content:flex-start;padding:1.5rem 1.75rem}.bento-brand-header{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.studio-brand-group{align-items:center;gap:.75rem;display:flex}.logo-icon{width:40px;height:40px;color:var(--accent-teal);filter:drop-shadow(0 0 6px #2dd4bf66);animation:3s ease-in-out infinite pulse-slow}.studio-title{background:linear-gradient(120deg, #fff 20%, var(--accent-teal) 50%, #fff 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem;font-weight:800;line-height:1.1;animation:6s linear infinite shine}.studio-subtitle{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.15em;white-space:nowrap;margin:.2rem 0 0;font-size:.85rem}.badge-container{justify-content:flex-start;display:flex}.status-badge{color:var(--accent-teal);background:#2dd4bf14;border:1px solid #2dd4bf33;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 0 12px #2dd4bf0d}.badge-dot{background-color:var(--accent-teal);width:6px;height:6px;box-shadow:0 0 8px var(--accent-teal);border-radius:50%;animation:1.5s infinite pulse-dot}.card-description{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.bento-card-title{color:var(--accent-blue);border-right:2px solid var(--accent-blue);margin:0 0 .75rem;padding-right:.5rem;font-size:1.05rem;font-weight:700;line-height:1}.specialties-bento-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.bento-specialty-item{color:var(--text-primary);background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .6rem;font-size:.8rem;transition:all .3s;display:flex}.bento-specialty-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-1px)}.specialty-icon{width:14px;height:14px;color:var(--accent-blue)}.bento-social .bento-card-title{color:var(--accent-teal);border-right-color:var(--accent-teal)}.social-tagline{color:var(--text-muted);margin:0 0 .85rem;font-size:.8rem;line-height:1.3}.bento-social-row{justify-content:flex-start;gap:.65rem;display:flex}.social-btn{width:38px;height:38px;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.social-btn-icon{width:16px;height:16px}.social-btn:hover{color:#fff;transform:translateY(-3px)}.social-btn.whatsapp:hover{color:#25d366;background:#25d36626;border-color:#25d3664d;box-shadow:0 4px 12px #25d36633}.social-btn.instagram:hover{color:#e1306c;background:#e1306c26;border-color:#e1306c4d;box-shadow:0 4px 12px #e1306c33}.social-btn.facebook:hover{color:#1877f2;background:#1877f226;border-color:#1877f24d;box-shadow:0 4px 12px #1877f233}.social-btn.phone:hover{color:var(--accent-blue);background:#38bdf826;border-color:#38bdf84d;box-shadow:0 4px 12px #38bdf833}.panel-title{text-align:center;margin-bottom:.35rem;font-size:1.45rem;font-weight:700}.panel-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:1.35rem;font-size:.82rem;line-height:1.45}.glass-form{flex-direction:column;gap:.8rem;display:flex}.input-wrapper{position:relative}.glass-input{color:var(--text-primary);font-family:var(--font-sans);background:#080a14a6;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:.8rem .95rem;font-size:.88rem;transition:all .3s}.glass-input::placeholder{color:var(--text-muted);opacity:.7}.glass-input:focus{border-color:var(--accent-teal);background:#080a14cc;outline:none;box-shadow:0 0 12px #2dd4bf1f}.submit-btn{background:linear-gradient(135deg, var(--accent-teal) 0%, #14b8a6 100%);color:#07090e;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;margin-top:.2rem;padding:.8rem 1.15rem;font-size:.92rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 15px #2dd4bf33}.submit-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #2dd4bf59}.submit-btn:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;filter:none;background:#ffffff14;transform:none}.spinner{border:2px solid #07090e33;border-top-color:#07090e;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.success-container{text-align:center;flex-direction:column;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}.success-icon-wrapper{width:52px;height:52px;color:var(--accent-teal);background:#2dd4bf1a;border:1px solid #2dd4bf40;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.success-icon{stroke-dasharray:100;stroke-dashoffset:100px;width:26px;height:26px;animation:.6s ease-out .2s forwards drawCheck}.success-title{color:#fff;margin-bottom:.45rem;font-size:1.45rem;font-weight:700}.success-description{color:var(--text-secondary);margin-bottom:1.15rem;font-size:.88rem;line-height:1.5}.reset-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:.4rem 1.1rem;font-size:.78rem;transition:all .3s}.reset-btn:hover{background:#ffffff1a}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff05;width:100%;max-width:600px;padding:1rem 0;font-size:.8rem;animation:1.5s ease-out fadeIn}.footer-studio{color:var(--text-secondary);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-25px)scale(1.05)}}@keyframes pulse-slow{0%,to{filter:drop-shadow(0 0 6px #2dd4bf4d);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 12px #2dd4bf99);transform:scale(1.05)rotate(4deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes shine{to{background-position:200%}}@keyframes sweep{0%{right:-100%}15%,to{right:150%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes drawCheck{to{stroke-dashoffset:0}}@media (width<=850px){body{overflow:hidden auto!important}.app-container{justify-content:flex-start;gap:1.5rem;min-height:100dvh;padding:1.5rem 1rem;height:auto!important;overflow:hidden auto!important}.top-spacer{display:none}.bento-grid{grid-template:"brand""specialties""form""social"/1fr;gap:.75rem;max-width:440px}.bento-card{border-radius:16px;padding:1.5rem 1.25rem}.bento-brand{gap:.75rem}.bento-brand-header{flex-direction:row;align-items:center;gap:.5rem}.studio-brand-group{gap:.5rem}.logo-icon{width:32px;height:32px}.studio-title{font-size:1.55rem}.card-description{font-size:.85rem;line-height:1.5}.specialties-bento-grid{gap:.5rem}.bento-specialty-item{padding:.35rem .5rem;font-size:.75rem}.social-tagline{margin-bottom:.5rem;font-size:.75rem}.bento-social-row{justify-content:center}.panel-title{margin-bottom:.2rem;font-size:1.2rem}.panel-subtitle{margin-bottom:.85rem;font-size:.75rem}.glass-form{gap:.65rem}.glass-input{padding:.75rem .9rem;font-size:.85rem}.submit-btn{padding:.75rem 1.15rem;font-size:.88rem}.success-icon-wrapper{width:44px;height:44px;margin-bottom:.75rem}.success-icon{width:22px;height:22px}.success-title{font-size:1.25rem}.success-description{margin-bottom:.75rem;font-size:.82rem}}@media (height<=680px){.app-container{padding:.5rem}.bento-grid{gap:.5rem}.bento-card{border-radius:12px;padding:1rem}.card-description{display:none}}
