*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#0f172a;background:linear-gradient(160deg,#07111f 0%,#0f172a 52%,#172554 100%);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.home-shell{min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.hero-card{text-align:center;width:100%;max-width:440px}.brand-mark{letter-spacing:-5px;background:#fff;border-radius:24px;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 16px;font-size:27px;font-weight:900;display:flex;box-shadow:0 18px 45px #0000003d}.brand-mark span:first-child{color:#2563eb}.brand-mark span:nth-child(2){color:#0ea5e9}.brand-mark span:nth-child(3){color:#f59e0b}.hero-card h1{color:#fff;letter-spacing:-4px;margin:0;font-size:clamp(46px,16vw,72px);line-height:.95}.slogan{color:#cbd5e1;max-width:340px;margin:15px auto 18px;font-size:17px;line-height:1.45}.trust-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:30px;display:flex}.trust-row span{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:8px 11px;font-size:12px}.action-stack{flex-direction:column;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;width:100%;min-height:54px;font-size:16px;font-weight:800;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0284c7);box-shadow:0 12px 30px #2563eb47}.btn-secondary{color:#0f172a;background:#fff}.login-link{color:#bfdbfe;text-align:center;padding:12px 6px;font-weight:700}.mini-info{color:#fff;background:#ffffff0f;border:1px solid #ffffff17;border-radius:18px;margin-top:30px;padding:18px}.mini-info strong{font-size:15px}.mini-info p{color:#cbd5e1;margin:7px 0 0;font-size:13px;line-height:1.5}.form-shell{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 14px max(28px, env(safe-area-inset-bottom));justify-content:center;display:flex}.form-card{background:#fff;border-radius:24px;width:100%;max-width:470px;padding:22px 18px 28px;box-shadow:0 22px 60px #0000003d}.back-link{color:#475569;margin-bottom:26px;font-size:14px;font-weight:700;display:inline-block}.small-brand{color:#2563eb;letter-spacing:-1px;font-size:21px;font-weight:900}.form-card h1{letter-spacing:-1px;margin:8px 0 7px;font-size:30px}.form-subtitle{color:#64748b;margin:0 0 24px;line-height:1.45}.mobile-form{flex-direction:column;gap:17px;display:flex}.mobile-form label{color:#334155;flex-direction:column;gap:7px;font-size:14px;font-weight:700;display:flex}.mobile-form input[type=text],.mobile-form input[type=email],.mobile-form input[type=tel],.mobile-form input[type=password]{background:#f8fafc;border:1px solid #cbd5e1;border-radius:13px;outline:none;width:100%;min-height:52px;padding:0 14px;font-size:16px}.mobile-form input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.terms-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:14px}.check-row{grid-template-columns:22px 1fr;align-items:start;gap:10px!important;display:grid!important}.check-row input{width:20px;height:20px;margin:0}.terms-box ul{color:#64748b;margin:13px 0 0;padding-left:20px;font-size:12px;line-height:1.55}.screen-note{text-align:center;color:#64748b;margin:18px 0 0;font-size:12px}@media (min-width:700px){.form-shell{align-items:center}.form-card{padding:32px}}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700}.success-icon{color:#15803d;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;margin:28px auto 20px;font-size:34px;font-weight:900;display:flex}.welcome-level{text-align:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;margin:24px 0;padding:18px}.welcome-level span{color:#9a3412;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.welcome-level strong{color:#7c2d12;font-size:22px}button:disabled{opacity:.65;cursor:wait}.promotor-shell{background:#f4f7fb;min-height:100dvh;padding:24px 16px 94px}.promotor-header{justify-content:space-between;align-items:flex-start;max-width:520px;margin:0 auto 20px;display:flex}.promotor-header h1{margin:8px 0 3px;font-size:28px}.promotor-header p{color:#64748b;margin:0}.logout-button{color:#334155;background:#e2e8f0;border:0;border-radius:10px;padding:9px 12px;font-weight:700}.level-card{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:15px;max-width:520px;margin:0 auto 14px;padding:18px;display:flex;box-shadow:0 8px 30px #0f172a0f}.level-card span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.level-card strong{font-size:20px}.quality-pill{color:#166534;background:#dcfce7;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:520px;margin:0 auto 14px;display:grid}.stat-card{background:#fff;border-radius:17px;padding:17px;box-shadow:0 8px 30px #0f172a0d}.stat-card span{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.stat-card strong{color:#0f172a;font-size:22px}.offers-card{text-align:center;background:#fff;border-radius:18px;max-width:520px;margin:0 auto 14px;padding:24px 18px;box-shadow:0 8px 30px #0f172a0d}.offers-icon{font-size:32px}.offers-card h2{margin:8px 0}.offers-card p{color:#475569;margin:0 0 8px}.offers-card span{color:#94a3b8;font-size:12px}.referral-card{text-align:center;background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;border-radius:17px;max-width:520px;margin:0 auto;padding:17px}.referral-card span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.referral-card strong{letter-spacing:2px;color:#1d4ed8}.mobile-bottom-nav{min-height:72px;padding-bottom:env(safe-area-inset-bottom);z-index:30;background:#fff;border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.nav-item span{font-size:20px}.nav-item.active{color:#2563eb}.loading-card{text-align:center;background:#fff;border-radius:18px;max-width:400px;margin:100px auto;padding:25px;font-weight:700}.campaign-section{max-width:520px;margin:0 auto 14px}.campaign-section-title{justify-content:space-between;align-items:center;margin:22px 2px 12px;display:flex}.campaign-section-title>div{align-items:center;gap:8px;display:flex}.campaign-section-title h2{margin:0;font-size:20px}.campaign-section-title>div>span{font-size:22px}.campaign-count{color:#1d4ed8;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-width:31px;height:31px;font-size:13px;font-weight:900;display:flex}.campaign-list{flex-direction:column;gap:14px;display:flex}.campaign-card{background:#fff;border-radius:19px;padding:18px;box-shadow:0 9px 32px #0f172a0f}.campaign-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.campaign-code{color:#2563eb;letter-spacing:1px;font-size:11px;font-weight:900}.campaign-card h3{margin:5px 0 0;font-size:19px}.campaign-format{color:#1d4ed8;background:#eff6ff;border-radius:999px;flex-shrink:0;padding:7px 9px;font-size:11px;font-weight:800}.campaign-description{color:#64748b;margin:12px 0;font-size:13px;line-height:1.45}.campaign-tags{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.campaign-tags span{color:#475569;background:#f1f5f9;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:700}.campaign-pay{text-align:center;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #dbeafe;border-radius:15px;margin-bottom:13px;padding:15px}.campaign-pay span,.campaign-pay small{color:#64748b;font-size:11px;display:block}.campaign-pay strong{color:#0f172a;margin:3px 0;font-size:28px;display:block}.campaign-meta{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px;display:grid}.campaign-meta div{background:#f8fafc;border-radius:12px;padding:11px}.campaign-meta span{color:#94a3b8;margin-bottom:4px;font-size:10px;display:block}.campaign-meta strong{color:#334155;font-size:12px;display:block}.campaign-button{min-height:50px}.active-campaign-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:13px}.active-campaign-title{color:#15803d;margin-bottom:10px;font-size:13px;font-weight:900}.active-campaign-info{color:#475569;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.tracking-link{overflow-wrap:anywhere;color:#166534;background:#fff;border:1px solid #dcfce7;border-radius:10px;margin-bottom:8px;padding:10px;font-size:11px}.copy-button{border:1px solid #bbf7d0;min-height:44px}.campaign-message{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;max-width:520px;margin:0 auto 12px;padding:11px 13px;font-size:12px;font-weight:800}.pending-stat strong{color:#d97706}.earnings-shortcut{cursor:pointer;text-decoration:none}.earnings-shortcut strong{font-size:27px}.earnings-header{align-items:flex-start;gap:13px;max-width:520px;margin:0 auto 20px;display:flex}.earnings-header h1{color:#0f172a;margin:6px 0 3px;font-size:27px}.earnings-header p{color:#64748b;margin:0;font-size:13px}.earnings-back{color:#0f172a;background:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-top:2px;font-size:21px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 7px 22px #0f172a0f}.earnings-balance-card{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:20px;max-width:520px;margin:0 auto 13px;padding:23px 19px;box-shadow:0 13px 35px #0f172a29}.earnings-balance-card span{opacity:.75;margin-bottom:7px;font-size:12px;display:block}.earnings-balance-card strong{letter-spacing:-.5px;margin-bottom:8px;font-size:34px;display:block}.earnings-balance-card small{opacity:.72;font-size:11px}.earnings-mini-grid{grid-template-columns:repeat(2,1fr);gap:11px;max-width:520px;margin:0 auto 21px;display:grid}.earnings-mini-grid article{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 25px #0f172a0d}.earnings-mini-grid span{color:#64748b;margin-bottom:7px;font-size:11px;display:block}.earnings-mini-grid strong{color:#0f172a;font-size:18px}.movements-section{max-width:520px;margin:0 auto}.movements-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.movements-heading h2{color:#0f172a;margin:0;font-size:19px}.movements-heading>span{color:#475569;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-width:29px;height:29px;font-size:11px;font-weight:900;display:flex}.movements-list{flex-direction:column;gap:10px;display:flex}.movement-card{background:#fff;border-radius:17px;padding:15px;box-shadow:0 7px 25px #0f172a0d}.movement-main{align-items:center;gap:11px;display:flex}.movement-icon{color:#15803d;background:#dcfce7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:21px;font-weight:900;display:flex}.movement-info{flex:1;min-width:0}.movement-info strong{color:#0f172a;font-size:13px;display:block}.movement-info span{color:#64748b;margin-top:3px;font-size:11px;display:block}.movement-info small{color:#94a3b8;margin-top:3px;font-size:9px;display:block}.movement-amount{text-align:right;flex-shrink:0}.movement-amount>strong{color:#15803d;margin-bottom:5px;font-size:14px;display:block}.movement-status{text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;display:inline-block}.status-pendiente{color:#b45309;background:#fef3c7}.status-disponible{color:#15803d;background:#dcfce7}.status-retirado{color:#1d4ed8;background:#dbeafe}.status-anulado{color:#b91c1c;background:#fee2e2}.movement-release{color:#92400e;background:#fffbeb;border-radius:9px;margin-top:11px;padding:8px 10px;font-size:10px}.empty-movements{text-align:center;background:#fff;border-radius:18px;padding:28px 20px}.empty-movements>div{margin-bottom:8px;font-size:31px}.empty-movements strong{color:#0f172a;display:block}.empty-movements p{color:#64748b;max-width:300px;margin:7px auto 0;font-size:12px;line-height:1.5}.mobile-bottom-nav a.nav-item{text-decoration:none}