.neumorphic{background:#f0f0f3;border-radius:20px;box-shadow:20px 20px 60px #d1d9e6,-20px -20px 60px #ffffff;transition:all .3s ease}.neumorphic:hover{box-shadow:20px 20px 60px #d1d9e6,-20px -20px 60px #ffffff,inset 20px 20px 60px #d1d9e6,inset -20px -20px 60px #ffffff}.neumorphic-pressed{background:#f0f0f3;border-radius:20px;box-shadow:inset 20px 20px 60px #d1d9e6,inset -20px -20px 60px #ffffff}.dark .neumorphic{background:#2a2a2a;box-shadow:20px 20px 60px #1a1a1a,-20px -20px 60px #3a3a3a}.dark .neumorphic:hover{box-shadow:20px 20px 60px #1a1a1a,-20px -20px 60px #3a3a3a,inset 20px 20px 60px #1a1a1a,inset -20px -20px 60px #3a3a3a}.dark .neumorphic-pressed{background:#2a2a2a;box-shadow:inset 20px 20px 60px #1a1a1a,inset -20px -20px 60px #3a3a3a}.neumorphic-btn{background:#f0f0f3;border:none;border-radius:15px;padding:12px 24px;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #ffffff;transition:all .2s ease;cursor:pointer;font-weight:600;color:#4a5568}.neumorphic-btn:hover{box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #ffffff;transform:translateY(1px)}.neumorphic-btn:active{box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #ffffff;transform:translateY(2px)}.dark .neumorphic-btn{background:#2a2a2a;color:#e2e8f0;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #3a3a3a}.dark .neumorphic-btn:hover{box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3a3a3a}.dark .neumorphic-btn:active{box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3a3a3a}.neumorphic-card{background:#f0f0f3;border-radius:25px;padding:30px;box-shadow:20px 20px 60px #d1d9e6,-20px -20px 60px #ffffff;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.neumorphic-card:hover{box-shadow:25px 25px 70px #d1d9e6,-25px -25px 70px #ffffff;transform:translateY(-2px)}.dark .neumorphic-card{background:#2a2a2a;box-shadow:20px 20px 60px #1a1a1a,-20px -20px 60px #3a3a3a;border:1px solid rgba(255,255,255,.1)}.dark .neumorphic-card:hover{box-shadow:25px 25px 70px #1a1a1a,-25px -25px 70px #3a3a3a}.neumorphic-input{background:#f0f0f3;border:none;border-radius:15px;padding:15px 20px;box-shadow:inset 8px 8px 16px #d1d9e6,inset -8px -8px 16px #ffffff;transition:all .3s ease;color:#4a5568;font-size:16px}.neumorphic-input:focus{outline:none;box-shadow:inset 12px 12px 24px #d1d9e6,inset -12px -12px 24px #ffffff}.dark .neumorphic-input{background:#2a2a2a;color:#e2e8f0;box-shadow:inset 8px 8px 16px #1a1a1a,inset -8px -8px 16px #3a3a3a}.dark .neumorphic-input:focus{box-shadow:inset 12px 12px 24px #1a1a1a,inset -12px -12px 24px #3a3a3a}.neumorphic-icon{background:#f0f0f3;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #ffffff;transition:all .3s ease;cursor:pointer}.neumorphic-icon:hover{box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #ffffff;transform:translateY(1px)}.neumorphic-icon:active{box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #ffffff}.dark .neumorphic-icon{background:#2a2a2a;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #3a3a3a}.dark .neumorphic-icon:hover{box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3a3a3a}.dark .neumorphic-icon:active{box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3a3a3a}.neumorphic-progress{background:#f0f0f3;border-radius:20px;height:20px;box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #ffffff;overflow:hidden}.neumorphic-progress-fill{background:linear-gradient(45deg,#667eea,#764ba2);height:100%;border-radius:20px;box-shadow:4px 4px 8px rgba(102,126,234,.3),-4px -4px 8px rgba(118,75,162,.3);transition:width .5s ease}.dark .neumorphic-progress{background:#2a2a2a;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3a3a3a}.neumorphic-toggle{background:#f0f0f3;border-radius:25px;width:60px;height:30px;position:relative;box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #ffffff;transition:all .3s ease;cursor:pointer}.neumorphic-toggle.active{background:#667eea;box-shadow:inset 4px 4px 8px #5a67d8,inset -4px -4px 8px #7c3aed}.neumorphic-toggle-thumb{background:#f0f0f3;border-radius:50%;width:26px;height:26px;position:absolute;top:2px;left:2px;box-shadow:4px 4px 8px #d1d9e6,-4px -4px 8px #ffffff;transition:all .3s ease}.neumorphic-toggle.active .neumorphic-toggle-thumb{transform:translateX(30px);background:#ffffff}.dark .neumorphic-toggle{background:#2a2a2a;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3a3a3a}.dark .neumorphic-toggle-thumb{background:#2a2a2a;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3a3a3a}.neumorphic-fab{background:#f0f0f3;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #ffffff;transition:all .3s ease;cursor:pointer;position:fixed;bottom:30px;right:30px;z-index:1000}.neumorphic-fab:hover{box-shadow:12px 12px 24px #d1d9e6,-12px -12px 24px #ffffff;transform:translateY(-2px)}.neumorphic-fab:active{box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #ffffff;transform:translateY(0)}.dark .neumorphic-fab{background:#2a2a2a;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #3a3a3a}.dark .neumorphic-fab:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #3a3a3a}.dark .neumorphic-fab:active{box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3a3a3a}@media (max-width:768px){.neumorphic{box-shadow:10px 10px 30px #d1d9e6,-10px -10px 30px #ffffff}.neumorphic-card{padding:20px;border-radius:20px}.neumorphic-btn{padding:10px 20px;border-radius:12px}}.neumorphic-bounce{animation:neumorphicBounce 2s infinite}@keyframes neumorphicBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.neumorphic-pulse{animation:neumorphicPulse 2s infinite}@keyframes neumorphicPulse{0%{box-shadow:20px 20px 60px #d1d9e6,-20px -20px 60px #ffffff}50%{box-shadow:25px 25px 70px #d1d9e6,-25px -25px 70px #ffffff}to{box-shadow:20px 20px 60px #d1d9e6,-20px -20px 60px #ffffff}}