:root{--brand-primary:#f97316;--brand-primary-dark:#ea580c;--brand-secondary:#22c55e;--brand-secondary-dark:#16a34a;--brand-accent:#f59e0b;--neutral-50:#fafaf9;--neutral-100:#f5f5f4;--neutral-200:#e7e5e4;--neutral-300:#d6d3d1;--neutral-400:#a8a29e;--neutral-500:#78716c;--neutral-600:#57534e;--neutral-700:#44403c;--neutral-800:#292524;--neutral-900:#1c1917;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow-green:0 0 0 3px #22c55e33;--shadow-glow-orange:0 0 0 3px #f9731633;--transition-smooth:cubic-bezier(.34, 1.2, .64, 1);--transition-bounce:cubic-bezier(.68, -.55, .265, 1.55)}.input-flow{margin-bottom:1.5rem;position:relative}.input-flow__field{width:100%;color:var(--neutral-800);background:var(--neutral-50);border:2px solid var(--neutral-200);transition:all .3s var(--transition-smooth);border-radius:16px;outline:none;padding:1rem 1rem 1rem 3rem;font-size:.95rem;font-weight:500}.input-flow__field--with-label{padding-top:1.5rem;padding-bottom:.5rem}.input-flow__label{color:var(--neutral-500);pointer-events:none;transition:all .3s var(--transition-smooth);background:0 0;padding:0 .25rem;font-size:.9rem;font-weight:500;position:absolute;top:50%;left:3rem;transform:translateY(-50%)}.input-flow__field:focus~.input-flow__label,.input-flow__field:not(:placeholder-shown)~.input-flow__label{color:var(--brand-secondary);background:#fff;font-size:.7rem;font-weight:600;top:0;left:1rem;transform:translateY(-50%)}.input-flow__icon{width:20px;height:20px;color:var(--neutral-400);transition:all .3s var(--transition-smooth);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-flow__field:focus{border-color:var(--brand-secondary);box-shadow:var(--shadow-glow-green);background:#fff}.input-flow__field:focus~.input-flow__icon{color:var(--brand-secondary);transform:translateY(-50%)scale(1.1)}.input-flow__field:hover{border-color:var(--neutral-300);background:#fff}.input-flow__toggle{color:var(--neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.input-flow__toggle:hover{color:var(--brand-primary);transform:translateY(-50%)scale(1.1)}.btn-ripple{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg, var(--brand-secondary), var(--brand-secondary-dark));cursor:pointer;width:100%;transition:all .3s var(--transition-smooth);border:none;border-radius:40px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px #22c55e4d}.btn-ripple:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-ripple:active:before{width:300px;height:300px}.btn-ripple:hover{background:linear-gradient(135deg, var(--brand-secondary-dark), var(--brand-secondary));transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}.btn-ripple:active{transform:translateY(1px)}.btn-ripple:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-ripple--loading{color:#0000;position:relative}.btn-ripple--loading:after{content:"";border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.8s linear infinite btn-spin;position:absolute;top:50%;left:50%}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-slide{color:#fff;border:2px solid var(--brand-secondary);cursor:pointer;width:100%;transition:all .4s var(--transition-smooth);z-index:1;background:0 0;border-radius:40px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.btn-slide:before{content:"";background:linear-gradient(135deg, var(--brand-secondary), var(--brand-secondary-dark));width:100%;height:100%;transition:all .4s var(--transition-smooth);z-index:-1;position:absolute;top:0;left:-100%}.btn-slide:hover:before{left:0}.btn-slide:hover{border-color:#0000;transform:translate(4px)}.checkbox-leaf{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex;position:relative}.checkbox-leaf__input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-leaf__mark{background-color:var(--neutral-50);border:2px solid var(--neutral-300);width:20px;height:20px;transition:all .3s var(--transition-smooth);border-radius:6px;position:relative}.checkbox-leaf__input:checked~.checkbox-leaf__mark{background-color:var(--brand-secondary);border-color:var(--brand-secondary)}.checkbox-leaf__mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-leaf__input:checked~.checkbox-leaf__mark:after{display:block}.checkbox-leaf:hover .checkbox-leaf__mark{border-color:var(--brand-secondary);transform:scale(1.05)}.alert-gentle{color:#991b1b;animation:slideInLeft .3s var(--transition-smooth);background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;display:flex}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.alert-success-gentle{border-left-color:var(--brand-secondary);color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.form-stagger{animation:fadeInUp .5s var(--transition-smooth)}.form-stagger>*{opacity:0;animation:fadeInUp .4s var(--transition-smooth) forwards}.form-stagger>:first-child{animation-delay:50ms}.form-stagger>:nth-child(2){animation-delay:.1s}.form-stagger>:nth-child(3){animation-delay:.15s}.form-stagger>:nth-child(4){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-label{color:#1e293b;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.form-control,.form-select{border:1.5px solid #e2e8f0;border-radius:12px;padding:.7rem 1rem;font-size:.9rem;transition:all .2s}.form-control:focus,.form-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-dark);outline:none}.btn-primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));border:none;border-radius:12px;padding:.7rem 1.5rem;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 8px 20px var(--brand-primary-dark);transform:translateY(-2px)}.btn-outline-secondary{color:#64748b;border:1.5px solid #e2e8f0;border-radius:12px;transition:all .2s}.btn-outline-secondary:hover{border-color:var(--brand-secondary);color:#00c4b0;background:#00efd50d}.card-settings{background:#fff;border:1px solid #eef2ff;border-radius:20px;transition:all .2s}.card-settings:hover{border-color:var(--brand-secondary);box-shadow:0 8px 25px -8px #00000014}.badge-verified{background:linear-gradient(135deg, var(--brand-secondary), #3fa9ff);color:#fff;border-radius:50px;padding:.35rem 1rem;font-size:.75rem;font-weight:600}.badge-pending{color:#d97706;background:#fef3c7;border-radius:50px;padding:.35rem 1rem;font-size:.75rem;font-weight:600}.settings-divider{border-top:1px solid #eef2ff;margin:1.5rem 0}.profile-avatar{color:#3fa9ff;border:3px solid var(--brand-secondary);background:linear-gradient(135deg,#e0e7ff,#f0f4ff);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.5rem;font-weight:700;display:flex}.bank-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #eef2ff;border-radius:20px;transition:all .2s}.bank-card:hover{border-color:var(--brand-secondary);transform:translateY(-2px)}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-25px)scale(1.15)}}@keyframes floatOrbReverse{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-25px,25px)scale(1.15)}}@keyframes pulseGlow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.2)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-float-orb{animation:9s ease-in-out infinite floatOrb}.animate-float-orb-reverse{animation:11s ease-in-out infinite floatOrbReverse}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}.animate-gradient-shift{background-size:300% 100%;animation:4s linear infinite gradientShift}
