*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#e5e5e5;background:#0d0d0d;line-height:1.6}.logo{background-color:#0000;background-clip:content-box;width:200px}.landing,.dashboard,.procesar-container,.auth-container,.success-container,.cancel-container{max-width:900px;margin:60px auto;padding:20px}h1,h2,h3{margin-bottom:20px;font-weight:700}.hero-buttons{justify-content:space-around;width:50%;height:fit-content;display:inline-flex}button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:12px 20px;font-size:16px;transition:all .2s}button:hover{background:#6366f1}input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}.card,.plan-card{background:#111;border:1px solid #222;border-radius:12px;margin-bottom:20px;padding:25px;transition:all .2s}.planes-container{text-align:center;padding-top:80px}.planes-container h1{background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:42px;font-weight:800}.planes-subtitle{color:#b3b3b3;margin-top:10px;margin-bottom:50px;font-size:18px}.planes-grid{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.plan-card{background:#111;border:1px solid #222;border-radius:16px;width:300px;padding:30px;transition:all .25s;position:relative}.plan-card:hover{border-color:#6366f1;transform:translateY(-6px)}.plan-highlight{border-color:#a855f7;box-shadow:0 0 20px #a855f733}.badge{background:#a855f7;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:-12px;right:20px}.plan-price{color:#e5e5e5;margin-bottom:20px;font-size:26px}.plan-features{text-align:left;color:#b3b3b3;margin-bottom:20px}.plan-features li{margin-bottom:8px}.plans{gap:20px;margin-top:30px;display:flex}.navbar{background:#0f0f0f;border-bottom:1px solid #222;justify-content:space-between;padding:20px 40px;display:flex}.navbar a{color:#e5e5e5;margin-right:20px;text-decoration:none}.navbar a:hover{color:#6366f1}footer{text-align:center;color:#777;border-top:1px solid #222;margin-top:60px;padding:40px}.error{color:#fff;background:#b91c1c;border-radius:8px;margin-bottom:15px;padding:10px}.features-section{margin-top:80px;padding:40px 20px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:40px;display:grid}.feature-card{background:#111;border:1px solid #222;border-radius:14px;padding:25px;transition:all .25s}.feature-card:hover{border-color:#6366f1;transform:translateY(-4px)}.feature-card h3{background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:20px}.feature-card p{color:#b3b3b3;font-size:15px;line-height:1.5}.auth-actions{gap:12px;margin-top:15px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none;transition:background .2s}.btn-primary:hover{background:#4338ca}.btn-secondary{color:#e5e7eb;background:#0f0f17;border:1px solid #1f2937;border-radius:8px;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .2s}.btn-secondary:hover{color:#fff;background:#1a1a24;border-color:#4f46e5}#procesar-backdash{color:#e5e7eb;cursor:pointer;background:#0f0f17;border:1px solid #1f2937;border-radius:8px;margin-bottom:1rem;padding:8px 14px}#procesar-backdash:hover{background:#4f46e5}#procesar-upbtn{padding:10px 18 px;color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;margin-top:1rem;font-weight:600}#procesar-upbtn:hover{background-color:#242323}#procesar-mgbox{color:#e5e7eb;background:#0b0b12;border:1px solid #1f2937;border-radius:8px;margin-top:1.5rem;padding:12px 16px;font-weight:500}.contact-container{background:#fff;border-radius:12px;max-width:650px;margin:40px auto;padding:32px;box-shadow:0 8px 24px #00000014}.contact-title{color:#111827;margin-bottom:8px;font-size:28px;font-weight:700}.contact-subtitle{color:#6b7280;margin-bottom:24px;font-size:15px}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-label{color:#374151;margin-bottom:4px;font-weight:600}.contact-input,.contact-textarea,.contact-select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.contact-input:focus,.contact-textarea:focus,.contact-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.contact-textarea{resize:vertical;min-height:120px}.contact-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.contact-button:hover{background:#1e4fd1}.contact-button:active{transform:scale(.98)}.contact-status{margin-top:10px;font-size:15px;font-weight:500}.contact-status.success{color:#059669}.contact-status.error{color:#dc2626}.contact-status.loading{color:#2563eb}