body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--auth-primary:#1e40af;--auth-secondary:#7c3aed;--auth-success:#059669;--auth-error:#dc2626;--auth-warning:#d97706;--auth-overlay:#0009;--auth-bg:#fff;--auth-bg-secondary:#f8fafc;--auth-input-bg:#fff;--auth-text-primary:#0f172a;--auth-text-secondary:#475569;--auth-text-muted:#64748b;--auth-text-placeholder:#94a3b8;--auth-border:#e2e8f0;--auth-border-focus:#3b82f6;--auth-border-error:#ef4444;--auth-shadow-sm:0 1px 2px 0 #0000000d;--auth-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--auth-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--auth-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--auth-gradient-primary:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-secondary) 100%);--auth-gradient-success:linear-gradient(135deg,var(--auth-success) 0%,#10b981 100%);--auth-gradient-error:linear-gradient(135deg,var(--auth-error) 0%,#f87171 100%);--auth-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--auth-transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1)}.auth-modal-overlay{align-items:center;animation:authOverlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;background:var(--auth-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}@keyframes authOverlayFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{animation:authModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);max-height:90vh;max-width:480px;overflow-y:auto;width:100%}@keyframes authModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-content{background:#fff;background:var(--auth-bg);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--auth-shadow-xl);overflow:hidden}.auth-modal-header{align-items:center;background:#f8fafc;background:var(--auth-bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--auth-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.auth-modal-title{color:#0f172a;color:var(--auth-text-primary);font-size:1.5rem;font-weight:700;margin:0}.auth-back-btn,.auth-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--auth-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--auth-transition)}.auth-back-btn:hover,.auth-modal-close:hover{background:#e2e8f0;background:var(--auth-border);color:#0f172a;color:var(--auth-text-primary)}.auth-modal-body{padding:2rem}.auth-form-header{margin-bottom:2rem;text-align:center}.auth-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#7c3aed);background:var(--auth-gradient-primary);border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.auth-icon.recover-icon{background:linear-gradient(135deg,#059669,#10b981);background:var(--auth-gradient-success)}.auth-form-title{color:#0f172a;color:var(--auth-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.auth-form-desc{color:#475569;color:var(--auth-text-secondary);line-height:1.5;margin:0 auto;max-width:320px}.auth-form{gap:1.5rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-label{color:#0f172a;color:var(--auth-text-primary);font-size:.9rem;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#64748b;color:var(--auth-text-muted);left:1rem;pointer-events:none;position:absolute;z-index:2}.auth-input{background:#fff;background:var(--auth-input-bg);border:2px solid #e2e8f0;border:2px solid var(--auth-border);border-radius:10px;color:#0f172a;color:var(--auth-text-primary);font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--auth-transition);width:100%}.auth-input::placeholder{color:#94a3b8;color:var(--auth-text-placeholder)}.auth-input:focus{border-color:#3b82f6;border-color:var(--auth-border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-input:invalid{border-color:#ef4444;border-color:var(--auth-border-error)}.auth-input:invalid:focus{border-color:#ef4444;border-color:var(--auth-border-error);box-shadow:0 0 0 3px #ef44441a}.password-toggle{background:none;border:none;border-radius:4px;color:#64748b;color:var(--auth-text-muted);cursor:pointer;padding:.25rem;position:absolute;right:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--auth-transition);z-index:2}.password-toggle:hover{background:#e2e8f0;background:var(--auth-border);color:#0f172a;color:var(--auth-text-primary)}.auth-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--auth-transition-slow)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-btn-primary{background:linear-gradient(135deg,#1e40af,#7c3aed);background:var(--auth-gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--auth-shadow-md);color:#fff}.auth-btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--auth-shadow-lg);transform:translateY(-1px)}.auth-btn-primary:active{transform:translateY(0)}.auth-btn-secondary{background:#f8fafc;background:var(--auth-bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--auth-border);color:#0f172a;color:var(--auth-text-primary)}.auth-btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--auth-border);border-color:#64748b;border-color:var(--auth-text-muted);transform:translateY(-1px)}.auth-spinner{animation:authSpin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes authSpin{to{transform:rotate(1turn)}}.auth-message{align-items:center;animation:authMessageSlideIn .3s ease;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.875rem 1rem}@keyframes authMessageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-message.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626;color:var(--auth-error)}.auth-message.success{background:#0596691a;border:1px solid #05966933;color:#059669;color:var(--auth-success)}.auth-message.warning{background:#d977061a;border:1px solid #d9770633;color:#d97706;color:var(--auth-warning)}.auth-form-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--auth-border);display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.auth-link-btn{background:none;border:none;border-radius:6px;color:#1e40af;color:var(--auth-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--auth-transition)}.auth-link-btn:hover{background:#1e40af1a;color:#7c3aed;color:var(--auth-secondary)}.forgot-password{align-self:flex-start}.auth-divider{align-items:center;display:flex;gap:1rem;margin:.5rem 0}.auth-divider:after,.auth-divider:before{background:#e2e8f0;background:var(--auth-border);content:"";flex:1 1;height:1px}.auth-divider span{color:#64748b;color:var(--auth-text-muted);font-size:.9rem;font-weight:500}.auth-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-btn:hover:before{left:100%}.auth-btn:focus-visible{outline:2px solid #1e40af;outline:2px solid var(--auth-primary);outline-offset:2px}.auth-input:focus-visible{outline:none}.auth-link-btn:focus-visible{outline:2px solid #1e40af;outline:2px solid var(--auth-primary);outline-offset:2px}@media (max-width:640px){.auth-modal{margin:0;max-width:100%}.auth-modal-content{border-radius:0;display:flex;flex-direction:column;min-height:100vh}.auth-modal-body{flex:1 1;padding:1.5rem}.auth-modal-header{padding:1rem 1.5rem}.auth-form-header{margin-bottom:1.5rem}.auth-icon{height:56px;margin-bottom:1rem;width:56px}.auth-form-title{font-size:1.3rem}.auth-btn{font-size:1.05rem;padding:1rem 1.5rem}}@media (max-width:480px){.auth-modal-body{padding:1rem}.auth-form{gap:1.25rem}.auth-input{padding:1rem 1rem 1rem 3rem}.auth-form-desc{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.auth-btn,.auth-input,.auth-link-btn,.auth-message,.auth-modal,.password-toggle{animation:none;transition:none}}@media (prefers-contrast:high){.auth-input{border-width:3px}.auth-btn-primary{background:#1e40af;background:var(--auth-primary)}.auth-message{border-width:2px}}@media (prefers-color-scheme:dark){:root{--auth-bg:#1e293b;--auth-bg-secondary:#334155;--auth-input-bg:#334155;--auth-text-primary:#f8fafc;--auth-text-secondary:#cbd5e1;--auth-text-muted:#94a3b8;--auth-border:#475569;--auth-overlay:#000c}}.input-hint{color:#64748b;color:var(--auth-text-muted);font-family:JetBrains Mono,monospace}.input-error,.input-hint{font-size:.8rem;margin-top:.25rem}.input-error{align-items:center;color:#dc2626;color:var(--auth-error);display:flex;gap:.35rem}.availability-spinner{position:absolute;right:3rem;top:50%;transform:translateY(-50%)}.availability-spinner .auth-spinner{border-color:#1e40af;border-color:var(--auth-primary);border-top-color:#0000;border-width:2px;height:16px;width:16px}.checkbox-wrapper{align-items:flex-start;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.auth-checkbox{appearance:none;-webkit-appearance:none;background:#fff;background:var(--auth-bg);border:2px solid #e2e8f0;border:2px solid var(--auth-border);border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--auth-shadow-sm);cursor:pointer;display:grid;height:20px;margin-top:2px;place-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--auth-transition);width:20px}.auth-checkbox:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--auth-border-focus);outline-offset:2px}.auth-checkbox:hover{border-color:#3b82f6;border-color:var(--auth-border-focus)}.auth-checkbox:checked{background:linear-gradient(135deg,#1e40af,#7c3aed);background:var(--auth-gradient-primary);border-color:#0000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--auth-shadow-md)}.auth-checkbox:checked:after{background:#fff;content:"";display:block;height:10px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center /contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center /contain;width:10px}.checkbox-label{color:#475569;color:var(--auth-text-secondary);font-size:.95rem;line-height:1.5}.checkbox-label a{color:#1e40af;color:var(--auth-primary);font-weight:600;text-decoration:none}.checkbox-label a:hover{color:#7c3aed;color:var(--auth-secondary);text-decoration:underline}.auth-icon.success-icon{background:linear-gradient(135deg,#059669,#10b981);background:var(--auth-gradient-success)}.success-actions{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.next-steps{background:#f8fafc;background:var(--auth-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--auth-border);border-radius:12px;padding:1rem 1.25rem}.next-steps h4{color:#0f172a;color:var(--auth-text-primary);font-size:1rem;font-weight:700;margin:0 0 .5rem}.next-steps ul{color:#475569;color:var(--auth-text-secondary);margin:0;padding-left:1.25rem}.next-steps li{margin:.25rem 0}.auth-input.has-error,.auth-input.has-error:focus{border-color:#ef4444;border-color:var(--auth-border-error)}.auth-input.has-error:focus{box-shadow:0 0 0 3px #ef44441a}.auth-input.has-success,.auth-input.has-success:focus{border-color:#059669;border-color:var(--auth-success)}.auth-input.has-success:focus{box-shadow:0 0 0 3px #0596691a}.auth-input-wrapper .password-toggle{right:.75rem}.auth-input-wrapper .auth-input-icon{left:.9rem}@media (max-width:480px){.checkbox-label{font-size:.9rem}.availability-spinner{right:2.5rem}}@media (prefers-contrast:high){.auth-checkbox{border-width:3px}.next-steps{border-width:2px}}@media (prefers-color-scheme:dark){.input-hint{color:#64748b;color:var(--auth-text-muted)}.next-steps{background:#f8fafc;background:var(--auth-bg-secondary);border-color:#e2e8f0;border-color:var(--auth-border)}}.registro-perugroups{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.registro-perugroups__container{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:800px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.registro-perugroups__header{background:linear-gradient(135deg,#3b82f6,#1f2937);color:#fff;padding:40px 20px;text-align:center}.registro-perugroups__title{color:#fff;font-size:2.5rem;font-weight:800;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.registro-perugroups__subtitle{color:#e0f2fe;font-size:1.1rem;margin:0;opacity:.9}.registro-perugroups__form{background:#fff;padding:40px}.registro-perugroups__field{margin-bottom:24px}.registro-perugroups__label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.registro-perugroups__input-group{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden;transition:all .3s ease}.registro-perugroups__input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.registro-perugroups__url-preview{background:#f8fafc;border-right:1px solid #e5e7eb;color:#6b7280;font-size:.9rem;font-weight:500;padding:12px 16px;white-space:nowrap}.registro-perugroups__input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:1rem;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.registro-perugroups__input::placeholder{color:#9ca3af;opacity:1}.registro-perugroups__input-group .registro-perugroups__input{border:none;border-radius:0}.registro-perugroups__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.registro-perugroups__input--success{border-color:#10b981}.registro-perugroups__input--error{border-color:#ef4444}.registro-perugroups__feedback{display:block;font-size:.8rem;font-weight:500;margin-top:8px}.registro-perugroups__feedback--success{color:#10b981}.registro-perugroups__feedback--error{color:#ef4444}.registro-perugroups__planes{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:32px 0;padding:24px}.registro-perugroups__planes-title{color:#374151;font-size:1.3rem;font-weight:700;margin-bottom:20px;text-align:center}.registro-perugroups__planes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.registro-perugroups__plan{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.registro-perugroups__plan:before{background:#0000;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.registro-perugroups__plan:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.registro-perugroups__plan:hover:before{background:linear-gradient(90deg,#3b82f6,#1e40af)}.registro-perugroups__plan--selected{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f6;box-shadow:0 12px 30px #3b82f64d;color:#fff;transform:translateY(-4px)}.registro-perugroups__plan--selected:before{background:linear-gradient(90deg,#fbbf24,#f59e0b);height:6px}.registro-perugroups__plan-name{color:inherit;font-size:1.2rem;font-weight:700;margin:0 0 8px}.registro-perugroups__plan--selected .registro-perugroups__plan-name{color:#fff}.registro-perugroups__plan-precio{color:#1f2937;font-size:1.4rem;font-weight:800;margin-bottom:16px}.registro-perugroups__plan--selected .registro-perugroups__plan-precio{color:#fbbf24}.registro-perugroups__plan-features{list-style:none;margin:0;padding:0}.registro-perugroups__plan-feature{color:#6b7280;font-size:.85rem;margin-bottom:8px;opacity:.8;padding-left:16px;position:relative}.registro-perugroups__plan-feature:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.registro-perugroups__plan--selected .registro-perugroups__plan-feature{color:#e0f2fe;opacity:1}.registro-perugroups__plan--selected .registro-perugroups__plan-feature:before{color:#fbbf24}.registro-perugroups__url-preview-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:8px;margin:24px 0;padding:16px;text-align:center}.registro-perugroups__url-preview-label{color:#0369a1;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.registro-perugroups__url-preview-url{background:#fff;border:1px solid #0ea5e9;border-radius:6px;color:#1e40af;display:inline-block;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem;font-weight:500;padding:8px 12px;word-break:break-all}.registro-perugroups__error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;font-weight:500;margin:16px 0;padding:12px 16px;text-align:center}.registro-perugroups__submit{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-top:24px;padding:16px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.registro-perugroups__submit:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.registro-perugroups__submit:disabled{background:#9ca3af;box-shadow:none;color:#fff;cursor:not-allowed;transform:none}@media (max-width:1024px){.registro-perugroups__planes-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.registro-perugroups{align-items:flex-start;min-height:100vh;padding:20px 10px 10px}.registro-perugroups__container{margin:0;max-width:100%}.registro-perugroups__header{padding:30px 20px}.registro-perugroups__title{color:#fff;font-size:2rem}.registro-perugroups__subtitle{color:#e0f2fe;font-size:1rem}.registro-perugroups__form{padding:30px 20px}.registro-perugroups__field{margin-bottom:20px}.registro-perugroups__label{color:#374151}.registro-perugroups__url-preview{color:#6b7280;font-size:.8rem;padding:12px}.registro-perugroups__input{color:#374151;font-size:1rem;padding:14px 12px}.registro-perugroups__planes{padding:20px}.registro-perugroups__planes-grid{gap:12px;grid-template-columns:1fr}.registro-perugroups__plan{padding:16px}.registro-perugroups__plan-name{color:inherit;font-size:1.1rem}.registro-perugroups__plan-precio{color:#1f2937;font-size:1.2rem}.registro-perugroups__plan--selected .registro-perugroups__plan-precio{color:#fbbf24}.registro-perugroups__plan-feature{color:#6b7280;font-size:.8rem}.registro-perugroups__plan--selected .registro-perugroups__plan-feature{color:#e0f2fe}.registro-perugroups__url-preview-url{color:#1e40af;font-size:.8rem;max-width:100%;padding:6px 8px;word-break:break-all}.registro-perugroups__submit{color:#fff;font-size:1rem;padding:14px 20px}}@media (max-width:480px){.registro-perugroups__title{color:#fff;font-size:1.8rem}.registro-perugroups__subtitle{color:#e0f2fe}.registro-perugroups__form{padding:25px 15px}.registro-perugroups__input-group{flex-direction:column}.registro-perugroups__url-preview{border-bottom:1px solid #e5e7eb;border-radius:0;border-right:none;color:#6b7280}.registro-perugroups__planes{padding:16px}.registro-perugroups__planes-title{color:#374151;font-size:1.1rem}.registro-perugroups__plan{padding:14px}.registro-perugroups__plan-name{color:inherit}.registro-perugroups__plan-precio{color:#1f2937}.registro-perugroups__plan--selected .registro-perugroups__plan-name{color:#fff}.registro-perugroups__plan--selected .registro-perugroups__plan-precio{color:#fbbf24}.registro-perugroups__plan-feature{color:#6b7280}.registro-perugroups__plan--selected .registro-perugroups__plan-feature{color:#e0f2fe}}@media (prefers-color-scheme:dark){.registro-perugroups__container,.registro-perugroups__form{background:#1f2937}.registro-perugroups__label{color:#e5e7eb}.registro-perugroups__input{background:#374151;border-color:#4b5563;color:#fff}.registro-perugroups__input::placeholder{color:#9ca3af}.registro-perugroups__planes{background:#374151;border-color:#4b5563}.registro-perugroups__planes-title{color:#e5e7eb}.registro-perugroups__plan{background:#1f2937;border-color:#4b5563}.registro-perugroups__plan-name,.registro-perugroups__plan-precio{color:#e5e7eb}.registro-perugroups__plan-feature{color:#9ca3af}}@media (prefers-reduced-motion:no-preference){.registro-perugroups__input,.registro-perugroups__plan,.registro-perugroups__plan:before,.registro-perugroups__submit{transition:all .3s cubic-bezier(.4,0,.2,1)}}.registro-perugroups__input:hover:not(:focus){border-color:#9ca3af}.registro-perugroups__plan:hover .registro-perugroups__plan-name{color:#3b82f6}.registro-perugroups__plan:hover .registro-perugroups__plan-precio{color:#1e40af}.registro-perugroups__input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.registro-perugroups__submit:focus-visible{outline:2px solid #fff;outline-offset:2px}.registro-perugroups__plan:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}:root{--inicio-primary:#3b82f6;--inicio-secondary:#1d4ed8;--inicio-accent:#f59e0b;--inicio-gray-50:#f9fafb;--inicio-gray-100:#f3f4f6;--inicio-gray-200:#e5e7eb;--inicio-gray-300:#d1d5db;--inicio-gray-400:#9ca3af;--inicio-gray-500:#6b7280;--inicio-gray-600:#4b5563;--inicio-gray-700:#374151;--inicio-gray-800:#1f2937;--inicio-gray-900:#111827;--inicio-white:#fff}.inicio-container{background:#fff;background:var(--inicio-white);color:#111827;color:var(--inicio-gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}.inicio-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--inicio-gray-200);left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.inicio-header-content{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px}.inicio-logo-section{align-items:center;cursor:pointer;display:flex;gap:12px;transition:opacity .2s ease}.inicio-logo-section:hover{opacity:.8}.inicio-header-logo{height:40px;width:auto}.inicio-logo-fallback{align-items:center;color:#3b82f6;color:var(--inicio-primary);display:inline-flex;font-size:20px;font-weight:700;gap:8px}.inicio-logo-icon{font-size:24px}.inicio-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.inicio-header-nav{align-items:center;display:flex;gap:24px}.inicio-nav-link{color:#4b5563;color:var(--inicio-gray-600);font-size:15px;font-weight:500;position:relative;text-decoration:none;transition:color .2s ease}.inicio-nav-link:hover{color:#3b82f6;color:var(--inicio-primary)}.inicio-nav-link:after{background:#3b82f6;background:var(--inicio-primary);bottom:-8px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .2s ease}.inicio-nav-link:hover:after{transform:scaleX(1)}.inicio-nav-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.inicio-login-btn{background:#fbfbfb;color:#374151;color:var(--inicio-gray-700)}.inicio-login-btn:hover{background:#e5e7eb;background:var(--inicio-gray-200);transform:translateY(-1px)}.inicio-register-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 100%);box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--inicio-white)}.inicio-register-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.inicio-hero-section{align-items:center;background:linear-gradient(135deg,#fafbff,#f0f4ff);display:flex;min-height:100vh;padding:120px 20px 80px}.inicio-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.inicio-hero-left{animation:inicio-slideInLeft .8s ease-out}.inicio-hero-title{color:#06bdcab4;font-size:56px;font-weight:800;line-height:1.1;margin:0 0 24px}.inicio-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#8b5cf6);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 50%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text}.inicio-hero-subtitle{color:#4b5563;color:var(--inicio-gray-600);font-size:20px;line-height:1.6;margin:0 0 32px}.inicio-hero-example{background:#fff;background:var(--inicio-white);border:1px solid #e5e7eb;border:1px solid var(--inicio-gray-200);border-radius:12px;box-shadow:0 4px 20px #00000014;margin:32px 0;padding:20px}.inicio-url-example{color:#3b82f6;color:var(--inicio-primary);font-family:Monaco,Consolas,monospace;font-size:18px;font-weight:600}.inicio-url-base{color:#6b7280;color:var(--inicio-gray-500)}.inicio-url-user{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 100%);-webkit-background-clip:text;background-clip:text}.inicio-url-note{color:#6b7280;color:var(--inicio-gray-500);font-size:13px;margin-top:8px}.inicio-hero-actions{display:flex;gap:16px;margin:40px 0}.inicio-cta-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;color:var(--inicio-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 28px;transition:all .2s ease}.inicio-cta-primary:hover{box-shadow:0 6px 24px #3b82f666;transform:translateY(-2px)}.inicio-cta-secondary{background:#fff;background:var(--inicio-white);border:2px solid #e5e7eb;border:2px solid var(--inicio-gray-200);border-radius:12px;color:#374151;color:var(--inicio-gray-700);cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px;transition:all .2s ease}.inicio-cta-secondary:hover{border-color:#3b82f6;border-color:var(--inicio-primary);color:#3b82f6;color:var(--inicio-primary);transform:translateY(-1px)}.inicio-hero-stats{display:flex;gap:40px;margin-top:48px}.inicio-stat-item{text-align:center}.inicio-stat-number{color:#3b82f6;color:var(--inicio-primary);display:block;font-size:32px;font-weight:800}.inicio-stat-label{color:#4b5563;color:var(--inicio-gray-600);font-size:14px;font-weight:500}.inicio-hero-right{animation:inicio-slideInRight .8s ease-out;display:flex;justify-content:center}.inicio-phone-mockup{position:relative}.inicio-phone-frame{background:linear-gradient(135deg,#1f2937,#111827);background:linear-gradient(135deg,var(--inicio-gray-800) 0,var(--inicio-gray-900) 100%);border-radius:32px;box-shadow:0 20px 60px #0000004d;height:560px;padding:8px;position:relative;width:280px}.inicio-phone-frame:before{background:#4b5563;background:var(--inicio-gray-600);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:60px}.inicio-phone-content{background:#fff;background:var(--inicio-white);border-radius:26px;height:100%;overflow:hidden;padding:32px 24px 24px;width:100%}.inicio-mockup-header{margin-bottom:24px;text-align:center}.inicio-mockup-avatar{align-items:center;background:#f3f4f6;background:var(--inicio-gray-100);border:3px solid #3b82f6;border:3px solid var(--inicio-primary);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 16px;overflow:hidden;width:80px}.inicio-avatar-image{height:100%;object-fit:cover;width:100%}.inicio-avatar-fallback{color:#9ca3af;color:var(--inicio-gray-400);font-size:32px}.inicio-mockup-name{color:#111827;color:var(--inicio-gray-900);font-size:18px;font-weight:700;margin:0 0 4px}.inicio-mockup-bio{color:#4b5563;color:var(--inicio-gray-600);font-size:14px;margin:0 0 24px}.inicio-mockup-links{display:flex;flex-direction:column;gap:12px}.inicio-mockup-link{align-items:center;background:#f9fafb;background:var(--inicio-gray-50);border:1px solid #e5e7eb;border:1px solid var(--inicio-gray-200);border-radius:12px;color:#374151;color:var(--inicio-gray-700);display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px;transition:all .2s ease}.inicio-mockup-link:hover{background:#3b82f6;background:var(--inicio-primary);box-shadow:0 4px 12px #3b82f633;color:#fff;color:var(--inicio-white);transform:translateY(-1px)}.inicio-link-icon{font-size:16px}.inicio-section-content{margin:0 auto;max-width:1200px;padding:0 20px}.inicio-section-header{margin-bottom:64px;text-align:center}.inicio-section-title{color:#111827;color:var(--inicio-gray-900);font-size:42px;font-weight:800;line-height:1.2;margin:0 0 16px}.inicio-section-subtitle{color:#4b5563;color:var(--inicio-gray-600);font-size:18px;margin:0 auto;max-width:600px}.inicio-creadores-section{background:#fff;background:var(--inicio-white);padding:100px 0}.inicio-creadores-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.inicio-creador-card{background:#fff;background:var(--inicio-white);border:1px solid #e5e7eb;border:1px solid var(--inicio-gray-200);border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:32px;text-align:center;transition:all .3s ease}.inicio-creador-card:hover{border-color:#3b82f6;border-color:var(--inicio-primary);box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.inicio-creador-icon{font-size:48px;margin-bottom:20px}.inicio-creador-card h3{color:#111827;color:var(--inicio-gray-900);font-size:20px;font-weight:700;margin:0 0 12px}.inicio-creador-card p{color:#4b5563;color:var(--inicio-gray-600);font-size:15px;line-height:1.5;margin:0}.inicio-features-section{background:#f9fafb;background:var(--inicio-gray-50);padding:100px 0}.inicio-features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.inicio-feature-item{align-items:flex-start;display:flex;gap:20px}.inicio-feature-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 100%);border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.inicio-feature-item h3{color:#111827;color:var(--inicio-gray-900);font-size:18px;font-weight:700;margin:0 0 8px}.inicio-feature-item p{color:#4b5563;color:var(--inicio-gray-600);font-size:15px;line-height:1.5;margin:0}.inicio-pricing-section{background:#fff;background:var(--inicio-white);padding:100px 0}.inicio-pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:48px}.inicio-pricing-card{background:#fff;background:var(--inicio-white);border:2px solid #e5e7eb;border:2px solid var(--inicio-gray-200);border-radius:20px;cursor:pointer;padding:32px;position:relative;transition:all .3s ease}.inicio-pricing-card:hover{box-shadow:0 16px 40px #0000001a;transform:translateY(-4px)}.inicio-pricing-card.inicio-popular{border-color:#3b82f6;border-color:var(--inicio-primary);box-shadow:0 8px 32px #3b82f626}.inicio-pricing-card.inicio-selected{background:linear-gradient(135deg,#fafbff,#f0f4ff);border-color:#3b82f6;border-color:var(--inicio-primary)}.inicio-popular-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 100%);border-radius:20px;color:#fff;color:var(--inicio-white);font-size:12px;font-weight:600;left:50%;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.inicio-pricing-header-card{margin-bottom:32px;text-align:center}.inicio-plan-name{color:#111827;color:var(--inicio-gray-900);font-size:24px;font-weight:700;margin:0 0 8px}.inicio-plan-price{color:#3b82f6;color:var(--inicio-primary);font-size:36px;font-weight:800;margin:0}.inicio-features-list{list-style:none;margin:0 0 32px;padding:0}.inicio-feature-item-list{align-items:center;color:#4b5563;color:var(--inicio-gray-600);display:flex;font-size:14px;gap:12px;padding:8px 0}.inicio-feature-item-list svg{color:#3b82f6;color:var(--inicio-primary);flex-shrink:0}.inicio-plan-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 100%);border:none;border-radius:12px;color:#fff;color:var(--inicio-white);cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.inicio-plan-btn:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.inicio-final-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--inicio-primary) 0,var(--inicio-secondary) 100%);padding:100px 0;text-align:center}.inicio-cta-content{margin:0 auto;max-width:600px;padding:0 20px}.inicio-cta-content h2{color:#fff;color:var(--inicio-white);font-size:42px;font-weight:800;margin:0 0 16px}.inicio-cta-content p{color:#ffffffe6;font-size:18px;margin:0 0 32px}.inicio-cta-final-btn{background:#fff;background:var(--inicio-white);border:none;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#3b82f6;color:var(--inicio-primary);cursor:pointer;font-size:18px;font-weight:700;padding:18px 32px;transition:all .2s ease}.inicio-cta-final-btn:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.inicio-footer{background:#111827;background:var(--inicio-gray-900);color:#fff;color:var(--inicio-white);padding:80px 0 0}.inicio-footer-content{grid-gap:64px;display:grid;gap:64px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px;padding:0 20px}.inicio-footer-brand{display:flex;flex-direction:column;gap:20px}.inicio-footer-logo-container{align-items:center;display:flex;gap:12px}.inicio-footer-logo{filter:brightness(0) invert(1);height:36px;width:auto}.inicio-footer-logo-fallback{align-items:center;color:#fff;color:var(--inicio-white);display:inline-flex;font-size:18px;font-weight:700;gap:8px}.inicio-footer-icon{font-size:20px}.inicio-footer-tagline{color:#9ca3af;color:var(--inicio-gray-400);font-size:15px;margin:0}.inicio-social-links{display:flex;gap:16px;margin-top:8px}.inicio-social-link{align-items:center;background:#1f2937;background:var(--inicio-gray-800);border-radius:10px;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.inicio-social-link:hover{background:#3b82f6;background:var(--inicio-primary);transform:translateY(-2px)}.inicio-social-icon{filter:brightness(0) invert(1);height:20px;width:20px}.inicio-footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.inicio-footer-section h4{color:#fff;color:var(--inicio-white);font-size:16px;font-weight:700;margin:0 0 20px}.inicio-footer-section a{color:#9ca3af;color:var(--inicio-gray-400);display:block;font-size:14px;margin-bottom:12px;text-decoration:none;transition:color .2s ease}.inicio-footer-section a:hover{color:#fff;color:var(--inicio-white)}.inicio-footer-bottom{border-top:1px solid #1f2937;border-top:1px solid var(--inicio-gray-800);margin-top:64px;padding:24px 20px;text-align:center}.inicio-footer-bottom p{color:#6b7280;color:var(--inicio-gray-500);font-size:14px;margin:0}@keyframes inicio-slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes inicio-slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.inicio-hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.inicio-hero-title{font-size:42px}.inicio-footer-content{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.inicio-header-nav{gap:12px}.inicio-nav-link{display:none}.inicio-hero-section{padding:100px 20px 60px}.inicio-hero-title{font-size:36px}.inicio-hero-subtitle{font-size:18px}.inicio-hero-actions{align-items:center;flex-direction:column}.inicio-hero-stats{gap:24px;justify-content:center}.inicio-phone-frame{height:480px;width:240px}.inicio-section-title{font-size:32px}.inicio-creadores-grid,.inicio-features-grid,.inicio-footer-links,.inicio-pricing-grid{grid-template-columns:1fr}.inicio-footer-links{gap:32px}.inicio-social-links{justify-content:center}}@media (max-width:480px){.inicio-header-content{padding:0 16px}.inicio-hero-section{padding:90px 16px 50px}.inicio-hero-title{font-size:28px}.inicio-hero-subtitle{font-size:16px}.inicio-cta-primary,.inicio-cta-secondary{justify-content:center;width:100%}.inicio-phone-frame{height:400px;width:200px}.inicio-section-content{padding:0 16px}}.inicio-creador-card,.inicio-phone-mockup,.inicio-pricing-card{will-change:transform}.inicio-cta-final-btn:focus,.inicio-cta-primary:focus,.inicio-cta-secondary:focus,.inicio-logo-section:focus,.inicio-nav-btn:focus,.inicio-plan-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--inicio-primary);outline-offset:2px}.inicio-logo-section:focus{border-radius:8px}@media (prefers-color-scheme:dark){.inicio-container{--inicio-gray-50:#1f2937;--inicio-gray-100:#374151;--inicio-gray-200:#4b5563;--inicio-gray-900:#f9fafb;--inicio-white:#111827}}:root{--dashboard-primary:#3b82f6;--dashboard-secondary:#1d4ed8;--dashboard-success:#10b981;--dashboard-warning:#f59e0b;--dashboard-danger:#ef4444;--dashboard-gray-50:#f9fafb;--dashboard-gray-100:#f3f4f6;--dashboard-gray-200:#e5e7eb;--dashboard-gray-300:#d1d5db;--dashboard-gray-400:#9ca3af;--dashboard-gray-500:#6b7280;--dashboard-gray-600:#4b5563;--dashboard-gray-700:#374151;--dashboard-gray-800:#1f2937;--dashboard-gray-900:#111827;--dashboard-white:#fff;--dashboard-sidebar-width:280px;--dashboard-header-height:80px}.dashboard-container{background:#f9fafb;background:var(--dashboard-gray-50);color:#111827;color:var(--dashboard-gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.dashboard-header{background:#fff;background:var(--dashboard-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--dashboard-gray-200);box-shadow:0 1px 3px #0000001a;height:80px;height:var(--dashboard-header-height);left:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-header-content{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;padding:0 32px}.dashboard-logo-section{align-items:center;display:flex;gap:24px}.dashboard-logo{align-items:center;display:flex;gap:12px}.dashboard-logo-icon{color:#3b82f6;color:var(--dashboard-primary);font-size:28px}.dashboard-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--dashboard-primary) 0,var(--dashboard-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.dashboard-user-info{align-items:center;display:flex;gap:12px}.dashboard-welcome{color:#374151;color:var(--dashboard-gray-700);font-size:16px;font-weight:500}.dashboard-plan-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.dashboard-plan-free{background:#f3f4f6;background:var(--dashboard-gray-100);color:#4b5563;color:var(--dashboard-gray-600)}.dashboard-plan-pro{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));color:#fff;color:var(--dashboard-white)}.dashboard-plan-vip{background:linear-gradient(135deg,#f59e0b,#f97316);background:linear-gradient(135deg,var(--dashboard-warning),#f97316);color:#fff;color:var(--dashboard-white)}.dashboard-header-actions{align-items:center;display:flex;gap:16px}.dashboard-view-page-btn{align-items:center;background:#f3f4f6;background:var(--dashboard-gray-100);border-radius:8px;color:#374151;color:var(--dashboard-gray-700);display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.dashboard-view-page-btn:hover{background:#e5e7eb;background:var(--dashboard-gray-200);transform:translateY(-1px)}.dashboard-logout-btn{align-items:center;background:#0000;border:1px solid #d1d5db;border:1px solid var(--dashboard-gray-300);border-radius:8px;color:#4b5563;color:var(--dashboard-gray-600);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.dashboard-logout-btn:hover{background:#ef4444;background:var(--dashboard-danger);border-color:#ef4444;border-color:var(--dashboard-danger);color:#fff;color:var(--dashboard-white)}.dashboard-layout{display:flex;min-height:calc(100vh - 80px);min-height:calc(100vh - var(--dashboard-header-height));padding-top:80px;padding-top:var(--dashboard-header-height)}.dashboard-sidebar{background:#fff;background:var(--dashboard-white);border-right:1px solid #e5e7eb;border-right:1px solid var(--dashboard-gray-200);height:calc(100vh - 80px);height:calc(100vh - var(--dashboard-header-height));overflow-y:auto;padding:32px 0;position:-webkit-sticky;position:sticky;top:80px;top:var(--dashboard-header-height);width:280px;width:var(--dashboard-sidebar-width)}.dashboard-nav{display:flex;flex-direction:column;gap:4px;padding:0 20px}.dashboard-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#4b5563;color:var(--dashboard-gray-600);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease}.dashboard-nav-item:hover{background:#f3f4f6;background:var(--dashboard-gray-100);color:#1f2937;color:var(--dashboard-gray-800)}.dashboard-nav-item.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--dashboard-white)}.dashboard-nav-badge{background:#e5e7eb;background:var(--dashboard-gray-200);border-radius:12px;color:#4b5563;color:var(--dashboard-gray-600);font-size:12px;font-weight:600;margin-left:auto;padding:2px 8px}.dashboard-nav-item.active .dashboard-nav-badge{background:#fff3;color:#fff;color:var(--dashboard-white)}.dashboard-upgrade-item{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e;margin-top:16px}.dashboard-upgrade-item:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#78350f}.dashboard-upgrade-badge{background:#f59e0b;border-radius:8px;color:#fff;color:var(--dashboard-white);font-size:10px;margin-left:auto;padding:2px 6px}.dashboard-admin-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--dashboard-gray-200);margin-top:24px;padding-top:24px}.dashboard-nav-divider{margin-bottom:12px;padding:0 16px}.dashboard-nav-divider span{color:#9ca3af;color:var(--dashboard-gray-400);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-main{flex:1 1;max-width:calc(100vw - 280px);max-width:calc(100vw - var(--dashboard-sidebar-width));padding:32px}.dashboard-section{animation:dashboard-fadeIn .4s ease-out;background:#fff;background:var(--dashboard-white);border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:32px}@keyframes dashboard-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-section-header{margin-bottom:32px}.dashboard-section-header h2{color:#111827;color:var(--dashboard-gray-900);font-size:28px;font-weight:700;margin:0 0 8px}.dashboard-section-header p{color:#4b5563;color:var(--dashboard-gray-600);font-size:16px;margin:0}.dashboard-plan-warning{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:12px;display:flex;gap:12px;margin-bottom:32px;padding:16px}.dashboard-plan-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.dashboard-plan-warning strong{color:#92400e}.dashboard-inline-upgrade{background:#0000;border:none;color:#3b82f6;color:var(--dashboard-primary);cursor:pointer;font-size:inherit;margin-left:8px;text-decoration:underline}.dashboard-inline-upgrade:hover{color:#1d4ed8;color:var(--dashboard-secondary)}.dashboard-page-preview{margin-bottom:32px}.dashboard-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dashboard-preview-header h3{color:#111827;color:var(--dashboard-gray-900);font-size:18px;font-weight:600;margin:0}.dashboard-preview-link{align-items:center;color:#3b82f6;color:var(--dashboard-primary);display:flex;font-size:14px;font-weight:500;gap:8px;text-decoration:none}.dashboard-preview-link:hover{color:#1d4ed8;color:var(--dashboard-secondary)}.dashboard-phone-preview{display:flex;justify-content:center;margin-bottom:32px}.dashboard-phone-frame{background:linear-gradient(135deg,#1f2937,#111827);background:linear-gradient(135deg,var(--dashboard-gray-800),var(--dashboard-gray-900));border-radius:32px;box-shadow:0 20px 40px #0003;height:600px;padding:8px;position:relative;width:300px}.dashboard-phone-frame:before{background:#4b5563;background:var(--dashboard-gray-600);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:60px}.dashboard-phone-content{background:#fff;background:var(--dashboard-white);border-radius:26px;height:100%;overflow:hidden;padding:32px 24px;width:100%}.dashboard-phone-header{margin-bottom:24px;text-align:center}.dashboard-phone-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));border-radius:50%;color:#fff;color:var(--dashboard-white);display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.dashboard-phone-header h3{color:#111827;color:var(--dashboard-gray-900);font-size:18px;font-weight:700;margin:0 0 4px}.dashboard-phone-header p{color:#6b7280;color:var(--dashboard-gray-500);font-size:13px;margin:0}.dashboard-phone-links{display:flex;flex-direction:column;gap:12px}.dashboard-phone-link{background:#f9fafb;background:var(--dashboard-gray-50);border:1px solid #e5e7eb;border:1px solid var(--dashboard-gray-200);border-radius:12px;color:#374151;color:var(--dashboard-gray-700);font-size:14px;font-weight:500;padding:14px;text-align:center}.dashboard-phone-empty{color:#9ca3af;color:var(--dashboard-gray-400);font-style:italic;padding:20px;text-align:center}.dashboard-phone-branding{border-top:1px solid #e5e7eb;border-top:1px solid var(--dashboard-gray-200);margin-top:16px;padding-top:16px;text-align:center}.dashboard-phone-branding small{color:#9ca3af;color:var(--dashboard-gray-400);font-size:11px}.dashboard-page-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.dashboard-info-card{background:#f9fafb;background:var(--dashboard-gray-50);border:1px solid #e5e7eb;border:1px solid var(--dashboard-gray-200);border-radius:12px;padding:24px}.dashboard-info-card h4{color:#111827;color:var(--dashboard-gray-900);font-size:16px;font-weight:600;margin:0 0 16px}.dashboard-url-display{align-items:center;background:#fff;background:var(--dashboard-white);border:1px solid #d1d5db;border:1px solid var(--dashboard-gray-300);border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.dashboard-url-display span{color:#3b82f6;color:var(--dashboard-primary);flex:1 1;font-family:Monaco,Consolas,monospace;font-size:14px;font-weight:600}.dashboard-copy-btn{align-items:center;background:#f3f4f6;background:var(--dashboard-gray-100);border:none;border-radius:6px;color:#4b5563;color:var(--dashboard-gray-600);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 10px;transition:all .2s ease}.dashboard-copy-btn:hover{background:#e5e7eb;background:var(--dashboard-gray-200)}.dashboard-upgrade-hint{align-items:center;color:#3b82f6;color:var(--dashboard-primary);display:flex;font-size:13px;gap:8px;margin:0}.dashboard-quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.dashboard-stat{text-align:center}.dashboard-stat-number{color:#3b82f6;color:var(--dashboard-primary);display:block;font-size:24px;font-weight:700}.dashboard-stat-label{color:#6b7280;color:var(--dashboard-gray-500);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.dashboard-add-link{background:#f9fafb;background:var(--dashboard-gray-50);border:1px solid #e5e7eb;border:1px solid var(--dashboard-gray-200);border-radius:12px;margin-bottom:32px;padding:24px}.dashboard-add-link h3{color:#111827;color:var(--dashboard-gray-900);font-size:18px;font-weight:600;margin:0 0 20px}.dashboard-form-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr auto}.dashboard-form-group{display:flex;flex-direction:column;gap:8px}.dashboard-form-group label{color:#374151;color:var(--dashboard-gray-700);font-size:14px;font-weight:500}.dashboard-input{border:1px solid #d1d5db;border:1px solid var(--dashboard-gray-300);border-radius:8px;font-size:14px;height:44px;padding:0 14px;transition:border-color .2s ease}.dashboard-input:focus{border-color:#3b82f6;border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.dashboard-input::placeholder{color:#9ca3af;color:var(--dashboard-gray-400)}.dashboard-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s ease}.dashboard-btn:disabled{opacity:.6}.dashboard-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));box-shadow:0 4px 12px #3b82f64d;color:#fff;color:var(--dashboard-white)}.dashboard-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666}.dashboard-btn-secondary{background:#f3f4f6;background:var(--dashboard-gray-100);border:1px solid #d1d5db;border:1px solid var(--dashboard-gray-300);color:#374151;color:var(--dashboard-gray-700)}.dashboard-btn-secondary:hover{background:#e5e7eb;background:var(--dashboard-gray-200)}.dashboard-btn-icon{align-items:center;background:#f3f4f6;background:var(--dashboard-gray-100);border:none;border-radius:6px;color:#4b5563;color:var(--dashboard-gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.dashboard-btn-icon:hover{background:#e5e7eb;background:var(--dashboard-gray-200)}.dashboard-btn-danger{background:#ef4444;background:var(--dashboard-danger);color:#fff;color:var(--dashboard-white)}.dashboard-btn-danger:hover{background:#dc2626}.dashboard-links-list{display:flex;flex-direction:column;gap:12px}.dashboard-link-item{align-items:center;background:#fff;background:var(--dashboard-white);border:1px solid #e5e7eb;border:1px solid var(--dashboard-gray-200);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.dashboard-link-item:hover{border-color:#d1d5db;border-color:var(--dashboard-gray-300);box-shadow:0 2px 8px #0000001a}.dashboard-link-info h4{color:#111827;color:var(--dashboard-gray-900);font-size:16px;font-weight:600;margin:0 0 4px}.dashboard-link-info a{color:#6b7280;color:var(--dashboard-gray-500);font-size:14px;text-decoration:none}.dashboard-link-info a:hover{color:#3b82f6;color:var(--dashboard-primary);text-decoration:underline}.dashboard-link-actions{display:flex;gap:8px}.dashboard-empty-state{color:#6b7280;color:var(--dashboard-gray-500);padding:60px 20px;text-align:center}.dashboard-empty-state svg{color:#d1d5db;color:var(--dashboard-gray-300);margin-bottom:16px}.dashboard-empty-state h3{color:#4b5563;color:var(--dashboard-gray-600);font-size:18px;margin:0 0 8px}.dashboard-empty-state p{margin:0}.dashboard-modal-overlay{align-items:center;animation:dashboard-fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.dashboard-modal{animation:dashboard-slideUp .4s ease-out;background:#fff;background:var(--dashboard-white);border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:80vh;max-width:500px;overflow:hidden;width:90%}@keyframes dashboard-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--dashboard-gray-200);display:flex;justify-content:space-between;padding:24px}.dashboard-modal-header h3{color:#111827;color:var(--dashboard-gray-900);font-size:20px;font-weight:700;margin:0}.dashboard-modal-header button{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--dashboard-gray-400);cursor:pointer;padding:4px;transition:color .2s ease}.dashboard-modal-header button:hover{color:#4b5563;color:var(--dashboard-gray-600)}.dashboard-modal-body{padding:24px}.dashboard-modal-body p{color:#4b5563;color:var(--dashboard-gray-600);line-height:1.6;margin:0 0 16px}.dashboard-modal-body ul{list-style:none;margin:16px 0;padding:0}.dashboard-modal-body li{color:#4b5563;color:var(--dashboard-gray-600);padding:8px 0}.dashboard-modal-actions{display:flex;gap:12px;margin-top:24px}.dashboard-modal-actions .dashboard-btn{flex:1 1}@media (max-width:1024px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{height:auto;order:2;position:static;width:100%}.dashboard-main{max-width:100%;order:1;padding:20px}.dashboard-form-row,.dashboard-page-info{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header-content{padding:0 16px}.dashboard-logo-section{gap:16px}.dashboard-welcome{display:none}.dashboard-main{padding:16px}.dashboard-section{padding:20px}.dashboard-phone-preview{display:none}.dashboard-nav{padding:0 16px}}@media (max-width:480px){.dashboard-header-actions{gap:8px}.dashboard-logout-btn span,.dashboard-view-page-btn span{display:none}.dashboard-modal{width:95%}.dashboard-modal-actions{flex-direction:column}}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#f3f4f6;background:var(--dashboard-gray-100)}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--dashboard-gray-300);border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--dashboard-gray-400)}.dashboard-btn:focus,.dashboard-input:focus,.dashboard-nav-item:focus{outline:2px solid #3b82f6;outline:2px solid var(--dashboard-primary);outline-offset:2px}.dashboard-link-item{transform:translateY(0)}.dashboard-link-item:hover{transform:translateY(-1px)}.dashboard-btn-primary{transform:translateY(0)}.dashboard-btn-primary:hover:not(:disabled){transform:translateY(-2px)}.dashboard-btn-primary,.dashboard-link-item,.dashboard-modal,.dashboard-phone-frame{will-change:transform}.dashboard-btn:disabled{cursor:not-allowed;transform:none!important}.dashboard-input:disabled{background:#f9fafb;background:var(--dashboard-gray-50);color:#9ca3af;color:var(--dashboard-gray-400);cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--app-primary:#00d4ff;--app-secondary:#f0a;--app-accent:#fc0;--app-bg-primary:#0a0a0f;--app-bg-secondary:#1a1a24;--app-bg-card:#252540;--app-bg-elevated:#2d2d44;--app-text-primary:#fff;--app-text-secondary:#b8b8d1;--app-text-muted:#88a;--app-success:#0f8;--app-warning:#fa0;--app-error:#f44;--app-border:#3a3a50;--app-border-hover:#4a4a65;--app-shadow:0 8px 32px #0006;--app-shadow-lg:0 20px 60px #0009;--app-glow-primary:0 0 20px #00d4ff4d;--app-glow-secondary:0 0 20px #ff00aa4d;--app-glow-accent:0 0 20px #ffcc004d;--app-gradient-primary:linear-gradient(135deg,var(--app-primary),var(--app-secondary));--app-gradient-card:linear-gradient(145deg,#252540,#1a1a24);--app-gradient-border:linear-gradient(90deg,var(--app-primary),var(--app-secondary),var(--app-accent));--app-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--app-transition-slow:all 0.6s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--app-bg-primary);color:#000;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.App,body{overflow-x:hidden}.App{min-height:100vh;position:relative}.loading-screen{align-items:center;background:#0a0a0f;background:var(--app-bg-primary);bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .5s ease;z-index:9999}.loading-content{max-width:400px;padding:2rem;position:relative;text-align:center}.loading-logo{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.logo-image{animation:loadingPulse 2s ease-in-out infinite;filter:brightness(1.1);height:120px;margin-bottom:1rem;width:auto}.logo-fallback{align-items:center;display:flex;flex-direction:column;gap:1rem}.logo-icon{-webkit-text-fill-color:#0000;animation:loadingPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#f0a);background:var(--app-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:4rem}@keyframes loadingPulse{0%,to{filter:brightness(1);transform:scale(1) rotate(0deg)}50%{filter:brightness(1.2);transform:scale(1.1) rotate(5deg)}}.logo-text h1{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#f0a);background:var(--app-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}@keyframes titleGlow{0%,to{text-shadow:none}50%{text-shadow:0 0 20px #00d4ff4d;text-shadow:var(--app-glow-primary)}}.logo-text p{color:#b8b8d1;color:var(--app-text-secondary);font-size:1.1rem;font-weight:500}.loading-animation{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.spinner{height:80px;position:relative;width:80px}.spinner-ring{animation:spinRing 2s linear infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:0s;border-top-color:#00d4ff;border-top-color:var(--app-primary)}.spinner-ring:nth-child(2){animation-delay:-.5s;animation-duration:1.5s;border-right-color:#f0a;border-right-color:var(--app-secondary)}.spinner-ring:nth-child(3){animation-delay:-1s;animation-duration:2.5s;border-bottom-color:#fc0;border-bottom-color:var(--app-accent)}@keyframes spinRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{animation:messageSlide 2s ease-in-out infinite;color:#b8b8d1;color:var(--app-text-secondary);font-size:1.1rem;font-weight:600}@keyframes messageSlide{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.loading-footer{bottom:2rem;left:50%;position:absolute;transform:translateX(-50%)}.loading-dots{display:flex;gap:.75rem;justify-content:center}.loading-dots span{animation:dotBounce 1.5s ease-in-out infinite;background:#00d4ff;background:var(--app-primary);border-radius:50%;box-shadow:0 0 20px #00d4ff4d;box-shadow:var(--app-glow-primary);height:10px;width:10px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.3s}.loading-dots span:nth-child(3){animation-delay:.6s}@keyframes dotBounce{0%,60%,to{opacity:.7;transform:scale(1)}30%{opacity:1;transform:scale(1.3)}}.banned-screen{align-items:center;background:#0a0a0f;background:var(--app-bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.banned-screen:before{animation:bannedBgMove 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#ff00aa1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffcc000d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes bannedBgMove{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.banned-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#252540,#1a1a24);background:var(--app-gradient-card);border:1px solid #3a3a50;border:1px solid var(--app-border);border-radius:24px;box-shadow:0 20px 60px #0009;box-shadow:var(--app-shadow-lg);max-width:500px;padding:3rem;position:relative;text-align:center;width:100%}.banned-container:before{background:linear-gradient(90deg,#00d4ff,#f0a,#fc0);background:var(--app-gradient-border);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.banned-icon{animation:bannedShake 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,68,68,.5));font-size:4rem;margin-bottom:2rem}@keyframes bannedShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.banned-container h1{color:#f44;color:var(--app-error);font-size:2rem;font-weight:800;margin-bottom:1rem;text-shadow:0 0 10px #ff44444d}.banned-container>p{color:#b8b8d1;color:var(--app-text-secondary);font-size:1.1rem;margin-bottom:2rem}.banned-info{background:#ffffff0d;border:1px solid #3a3a50;border:1px solid var(--app-border);border-radius:16px;margin-bottom:2rem;padding:2rem;text-align:left}.banned-user-details{border-bottom:1px solid #3a3a50;border-bottom:1px solid var(--app-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.banned-user-details p{color:#b8b8d1;color:var(--app-text-secondary);margin-bottom:.5rem}.banned-user-details strong{color:#fff;color:var(--app-text-primary)}.status-banned{color:#f44;color:var(--app-error);font-weight:700;letter-spacing:1px;text-transform:uppercase}.banned-contact h3{color:#fff;color:var(--app-text-primary);font-size:1.1rem;margin-bottom:1rem}.banned-contact p{color:#b8b8d1;color:var(--app-text-secondary);margin-bottom:1rem}.banned-contact a{color:#00d4ff;color:var(--app-primary);display:inline-block;font-weight:600;margin:.5rem 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--app-transition)}.banned-contact a:hover{color:#f0a;color:var(--app-secondary);text-shadow:0 0 20px #00d4ff4d;text-shadow:var(--app-glow-primary)}.btn-logout-banned{background:linear-gradient(135deg,#00d4ff,#f0a);background:var(--app-gradient-primary);border:none;border-radius:16px;box-shadow:0 8px 32px #0006;box-shadow:var(--app-shadow);color:#fff;color:var(--app-text-primary);cursor:pointer;font-size:1rem;font-weight:700;margin-top:2rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--app-transition)}.btn-logout-banned:hover{box-shadow:0 20px 60px #0009,0 0 20px #00d4ff4d;box-shadow:var(--app-shadow-lg),var(--app-glow-primary);transform:translateY(-3px)}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .5s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.ripple-effect{overflow:hidden;position:relative}.ripple-effect:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.ripple-effect:hover:before{left:100%}@media (max-width:768px){.loading-content{padding:1rem}.logo-text h1{font-size:2rem}.spinner{height:60px;width:60px}.banned-container{margin:1rem;padding:2rem}.banned-container h1{font-size:1.5rem}.banned-info{padding:1.5rem}}@media (max-width:480px){.logo-text h1{font-size:1.5rem}.loading-message{font-size:.95rem}.banned-container{padding:1.5rem}.banned-icon{font-size:3rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a24;background:var(--app-bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#f0a);background:var(--app-gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4ff;background:var(--app-primary)}::selection{background:#00d4ff;background:var(--app-primary);color:#fff;color:var(--app-text-primary)}::-moz-selection{background:#00d4ff;background:var(--app-primary);color:#fff;color:var(--app-text-primary)}.focus-visible:focus-visible{border-radius:4px;outline:2px solid #00d4ff;outline:2px solid var(--app-primary);outline-offset:2px}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in-bottom{animation:slideInFromBottom .6s ease forwards}.animate-slide-in-top{animation:slideInFromTop .6s ease forwards}.animate-slide-in-left{animation:slideInFromLeft .6s ease forwards}.animate-slide-in-right{animation:slideInFromRight .6s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.glow-primary{box-shadow:0 0 20px #00d4ff4d;box-shadow:var(--app-glow-primary)}.glow-secondary{box-shadow:0 0 20px #ff00aa4d;box-shadow:var(--app-glow-secondary)}.glow-accent{box-shadow:0 0 20px #ffcc004d;box-shadow:var(--app-glow-accent)}.text-gradient-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#f0a);background:var(--app-gradient-primary);-webkit-background-clip:text;background-clip:text}.bg-gradient-primary{background:linear-gradient(135deg,#00d4ff,#f0a);background:var(--app-gradient-primary)}.bg-gradient-card{background:linear-gradient(145deg,#252540,#1a1a24);background:var(--app-gradient-card)}
/*# sourceMappingURL=main.8b0ebb29.css.map*/